html5视频 – 防止divx网络插件fron替换html5视频元素?

前端之家收集整理的这篇文章主要介绍了html5视频 – 防止divx网络插件fron替换html5视频元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于某种原因,我确信DivX认为的人很重要,没有直接的方法来阻止他们的插件用他们喜欢的标志替换页面上的所有视频元素.

我需要的是解决方法,告诉插件跳过一些视频,即不能用他们的可播放内容替换它们.

解决方法

我通过放置一个空的 HTML 5视频标签,然后在body onload事件中的 JavaScript函数中放入视频源标签.该视频然后出现在普通的HTML 5播放器中,而不是DivX网络播放器.

例如
这将给DivX播放器:

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
</video>

但这会给正常的html 5播放器:

<head>
    <script type="text/javascript">
    function changevid() {
       document.getElementById('vid').innerHTML = '<source src="inc/videos/sample1.mp4" type="video/mp4" />';
       document.getElementById('vid').load();
    }
    </script>
    </head>
    <body onload="changevid()">

       <video id="vid" width="800" height="450" controls="controls">    
       </video>

    </body>

猜你在找的HTML5相关文章