页面播放器,全部JS,调用 SWFObject方法
2011-05-05 09:01
190 查看
之前在页面上面放视频,总是用:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="0">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="red">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="0">
<param name="EnablePositionControls" value="0">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="0">
<param name="Filename" value="cf1d2ab2-995d-4f8e-b356-cf1fa0cfa903.wmv" valuetype="ref">
</object>
这个是可以应用,但是兼容性不好,外观也不好看~
下面介绍个好的东西,保证你用过一次就觉得这个不错~试试吧,把代码直接考出去命名.html
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<h3>single file, with preview image:</h3>
<p id="player1"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","300","170","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","video.flv");
s1.addVariable("image","preview.jpg");
s1.addVariable("width","300");
s1.addVariable("height","170");
s1.write("player1");
</script>
<h3>playlist file, with different colors:</h3>
<p id="player2"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s2 = new SWFObject("flvplayer.swf","playlist","300","312","7");
s2.addParam("allowfullscreen","true");
s2.addVariable("file","playlist.xml");
s2.addVariable("displayheight","200");
s2.addVariable("backcolor","0x000000");
s2.addVariable("frontcolor","0xCCCCCC");
s2.addVariable("lightcolor","0x557722");
s2.addVariable("width","300");
s2.addVariable("height","312");
s2.write("player2");
</script>
<p><a href="http://www.jeroenwijering.com/extras/wizard.html">online configuration wizard</a></p>
</body>
</html>
还有几个附件,可以上网找一下~我不知道怎么传,就没有传~
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="0">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="red">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="0">
<param name="EnablePositionControls" value="0">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="0">
<param name="Filename" value="cf1d2ab2-995d-4f8e-b356-cf1fa0cfa903.wmv" valuetype="ref">
</object>
这个是可以应用,但是兼容性不好,外观也不好看~
下面介绍个好的东西,保证你用过一次就觉得这个不错~试试吧,把代码直接考出去命名.html
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<h3>single file, with preview image:</h3>
<p id="player1"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","300","170","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","video.flv");
s1.addVariable("image","preview.jpg");
s1.addVariable("width","300");
s1.addVariable("height","170");
s1.write("player1");
</script>
<h3>playlist file, with different colors:</h3>
<p id="player2"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</p>
<script type="text/javascript">
var s2 = new SWFObject("flvplayer.swf","playlist","300","312","7");
s2.addParam("allowfullscreen","true");
s2.addVariable("file","playlist.xml");
s2.addVariable("displayheight","200");
s2.addVariable("backcolor","0x000000");
s2.addVariable("frontcolor","0xCCCCCC");
s2.addVariable("lightcolor","0x557722");
s2.addVariable("width","300");
s2.addVariable("height","312");
s2.write("player2");
</script>
<p><a href="http://www.jeroenwijering.com/extras/wizard.html">online configuration wizard</a></p>
</body>
</html>
还有几个附件,可以上网找一下~我不知道怎么传,就没有传~
相关文章推荐
- 父页面调用iframe中的js方法
- JavaScript实现内嵌的iframe跨域调用父页面js方法
- 在iframe中调用js父页面和子页面方法
- javascript中iframe里面的页面调用父窗口js函数的方法
- html页面调用js文件里的函数报错onclick is not defined处理方法
- iframe父子页面相互调用的js方法
- iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
- Shtml完美解决静态页面内部调用其他页面(非Iframe、Object、Js方法)
- Unity,WebGL, 页面JS调用Unity方法
- JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
- 离开页面前调用Js方法
- 每日总结:每个 GROUP BY 表达式必须至少包含一个不是外部引用的列、加载页面时调用Js方法、调用Js文件中的方法
- js跳转另一个页面在本页显示及后台调用前台方法
- action 调用jsp页面的js方法
- iframe中的js如何调用父页面中模块化好的脚本中的方法?
- 使用JQuery 加载页面时调用JS的实现方法
- jsp页面调用不到当前页面定义的js方法,yntax error, insert "}" to complete MethodBody
- javascript(js)iframe里的页面调用父窗口js函数的方法或弹出窗口调用父窗口js函数的方法
- iframe父子页面相互调用js方法
- iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法