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

时间:2022-11-11 00:09:33

方法一:使用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:播放完后重复播放。