《HTML&CSS设计与构建网站》第九章 Flash视频和音频

方法一：使用SWFObject.js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript" >

var flashvars = {};

var params = {movie:"../video/puppy.flv" };

swfobject.embedSWF("flash/osplayer.swf", "snow", "400", "345", "8.0.0", flashvars, params);</script>

第一个表明元素中的脚本采用js，src告诉脚本位置。

第二个：SWFObject.js的embedSWF方法

同时适用于视频和音频。

方法二：使用HTML5

<video>

src：路径。

poster：视频加载时现实的图像。

width，height：宽高。

preload：在页面加载时做什么，选下列三个值：

1. none。用户按下播放按钮之前，浏览器不必加载视频。
2. auto。在页面加载时载入视频。
3. metadata。表示浏览器只需收集少量视频信息。

controls：使用了该属性，就表示浏览器需要提供默认播放控件。

autoplay：视频文件自动播放。

loop：播放完后重复播放。

如果有多个视频或音频源：

<source>放在<video>内

src：制定视频路径。

type：告诉浏览器视频的格式。

codecs：视频的编码。

如果浏览器不支持<video>，会显示他们之间的内容。（可以插入p标签对视频进行说明）

<audio>

src：路径。

preload：在页面加载时做什么，选下列三个值：

1. none。用户按下播放按钮之前，浏览器不必加载视频。
2. auto。在页面加载时载入视频。
3. metadata。表示浏览器只需收集少量视频信息。

controls：使用了该属性，就表示浏览器需要提供默认播放控件。

autoplay：视频文件自动播放。

loop：播放完后重复播放。