浏览器播放视频 兼容方案
浏览器播放视频 兼容方案
在IE中播放音频不能使用embed标签,只能使用object
一个兼容的方案是:结合object和embed标签
代码如下:
<div id="youkuplayer"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" allowfullscreen="true" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="660" height="450" align="middle" type="application/x-shockwave-flash" id="play1"> <param name="allowScriptAccess" value="sameDomain"/> <param name="movie" value="http://static.youku.com/qplayer.swf? playMode=mp4 &winType=adshow &VideoIDS=XNTQ4OTYwNDc2 &isAutoPlay=true &ShowRelatedVideo=false"/> <param name="quality" value="high"/> <param name="bgcolor" value="#ffffff"/> <embed src="http://static.youku.com/qplayer.swf? playMode=mp4 &winType=adshow &VideoIDS=XNTQ4OTYwNDc2 &isAutoPlay=true &ShowRelatedVideo=false" quality="high" bgcolor="#ffffff" width="660" allowfullscreen="true" height="450" name="mymovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> </object> </div>
如果想用js控制视频的播放和关闭,(或者是想控制视频的弹出或隐藏),若直接$('#youkuplayer ').hide()
在IE中没有效果,即视频隐藏后还在继续播放。
解决办法:
$(".video").hide(); if ($.browser.msie) { $('#youkuplayer').empty(); document.getElementById("youkuplayer").innerHTML += videoHtml; }
这里videoHtml就是 HTML中的那段代码。
-----------------------------一花开五叶 结果自然成-------------------------------------------------