兼容firefox、chrome、ie的wmp网页播放器代码,还有解决WME遮住层的问题

编程入门 行业动态 更新时间:2024-10-27 04:27:52

兼容firefox、chrome、ie的wmp网页<a href=https://www.elefans.com/category/jswz/34/1769718.html style=播放器代码,还有解决WME遮住层的问题"/>

兼容firefox、chrome、ie的wmp网页播放器代码,还有解决WME遮住层的问题

//很简单的一小段代码就可以实现啦 - -!
//通过读取userAgent来判断浏览器类型
//ie内核的使用 classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"
//非ie内核的使用 type="application/x-ms-wmp"
function showPlayer(id,url){
    var vhtml = '<object id="wmp"';
    var userAg = navigator.userAgent;
    if(-1 != userAg.indexOf("MSIE")){
        vhtml+=' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"';
    }
    else if(-1 != userAg.indexOf("Firefox") || -1 != userAg.indexOf("Chrome") || -1 != userAg.indexOf("Opera") || -1 != userAg.indexOf("Safari")){
        vhtml+=' type="application/x-ms-wmp"';
    }
    vhtml+=' width="230" height="64">';
    vhtml+='<param name="URL" value="'+url+'"/>';
    //下面这些播放器的参数自己配置吧
    vhtml+='<param name="autoStart" value="true" />';
    vhtml+='<param name="invokeURLs" value="false">';
    vhtml+='<param name="playCount" value="100">';
    vhtml+='<param name="Volume" value="100">';
    vhtml+='<param name="defaultFrame" value="datawindow">';
    vhtml+='</object>';
    document.getElementById(id).innerHTML = vhtml;
}
//showPlayer(id,url)id=为要插入播放器的父层id url=歌曲地址

showPlayer("player","xx.mp3");



有时候我们设计了相关的界面想让视频在其中播放,但是有时候WMP会溢出,遮住层,这时只需要在参数中设置

<param name="windowlessVideo" value="1">即可。

当然,还要对它的父层设置z-index


更多推荐

兼容firefox、chrome、ie的wmp网页播放器代码,还有解决WME遮住层的问题

本文发布于:2024-03-06 07:58:22,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1714784.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:播放器   代码   网页   chrome   firefox

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!