最近做一个项目是关于视频网站在线制作的,其中有一个列表显示了弹出视频。本来用了layer插件,但是发现他的弹窗是用iframe做的,后来就写了一个js来用object实现,因为少写了一些东西,就在IE下不能正常播放,这里分享下,其他朋友有做错的可以看。
本来的代码是这样的:
<object type="application/x-shockwave-flash" data="视频地址" width="627" height="387" id="tb_player_91243729" style="visibility: visible; z-index:1;position:relative">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="flashvars" value="autoplay=false">
</object>
后来发现不行,要想更好地兼容各种浏览器,要增加param标签中movie属性,另外还要增加一个embed标签,写成下边的才完美:
<object type="application/x-shockwave-flash" data="视频地址" width="627" height="387" id="tb_player_91243729" style="visibility: visible; z-index:1;position:relative">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="flashvars" value="autoplay=false">
<param name="movie" value="视频地址" />
<embed src="视频地址" quality="high" bgcolor="#ffffff" width="627" height="387" name="mymovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</a>" />
</object>
方法错了害死人,大家以后写也尽可能地规范一些吧!