浏览器播放视频 兼容方案

浏览器播放视频 兼容方案

在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中的那段代码。