Javascript 添加 2 个视频源

标签 javascript html video mp4 webm

嗨,我对 JavaScript 很陌生。我有一个 .webm 和 .mp4 视频源,但是如何在 javascript 中添加另一个源,我只添加了 1 个(webm),我需要添加另一个源的代码是什么?

提前谢谢您。

嗨,我需要放入 JS 的原因是因为 divx 插件正在替换 html5 视频元素,就像这个线程 Prevent divx web plugin fron replacing html5 video element?

这是我的代码

<script type="text/javascript">
function changevid() {
    document.getElementById('vid').innerHTML = '<source src="http://avalonplay.com/video/loginvideo.webm" type="video/webm" />';
   document.getElementById('vid').load();
}
</script>

<body onload="changevid()">

   <video id="vid" width="800" height="450" loop="loop" preload="auto" autoplay style="width: 100%; height: auto; margin:0; right: 0;">    
   </video>

</body>

最佳答案

我建议您只添加您需要的。

例如:

function changevid() {
   var vid = document.getElementById('vid');

   if (vid.canPlayType('video/mp4') != '') {
      vid.src = 'http://avalonplay.com/video/loginvideo.mp4';
   }
   else if (vid.canPlayType('video/webm') != '') {
      vid.src = 'http://avalonplay.com/video/loginvideo.webm';
   }
   vid.load();
}

关于Javascript 添加 2 个视频源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15041416/

相关文章:

html - 在小型设备中使引导列之间的空间对齐一个在另一个下面

c++ - 如何从一系列快照中编码视频?

c# - 使用多接口(interface)继承的 typescript 名称冲突/冲突

JavaScript:在页面加载时隐藏滚动条

html - 列在移动设备上重叠

javascript - 如何根据html页面更改英雄形象?

iphone - 如何在我们的 PhoneGap 应用程序中播放所有 iPhone 和 iPad 版本的本地音频/视频文件?

css - 如何隐藏在我的 WebM 视频的循环之间弹出的 MediaElement.js 视频播放器加载图标?

javascript - 如何在react中转换&lt;script&gt;标签?

javascript - 显示 nodeJS 优势的示例