方法一:使用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:在页面加载时做什么,选下列三个值:
- none。用户按下播放按钮之前,浏览器不必加载视频。
- auto。在页面加载时载入视频。
- metadata。表示浏览器只需收集少量视频信息。
controls:使用了该属性,就表示浏览器需要提供默认播放控件。
autoplay:视频文件自动播放。
loop:播放完后重复播放。
如果有多个视频或音频源:
<source>放在<video>内
src:制定视频路径。
type:告诉浏览器视频的格式。
codecs:视频的编码。
如果浏览器不支持<video>,会显示他们之间的内容。(可以插入p标签对视频进行说明)
<audio>
src:路径。
preload:在页面加载时做什么,选下列三个值:
- none。用户按下播放按钮之前,浏览器不必加载视频。
- auto。在页面加载时载入视频。
- metadata。表示浏览器只需收集少量视频信息。
controls:使用了该属性,就表示浏览器需要提供默认播放控件。
autoplay:视频文件自动播放。
loop:播放完后重复播放。