Question

编辑：我想我没有正确解释自己。

我需要为我的视频设置（通过javascript）多个视频源。

例如set：

<source type="video/mp4" src="video.mp4"></source>
<source type="video/ogg" src="video.ogg"></source>

有没有办法做到这一点？另外，如果我只有一个当前网络浏览器不支持的视频，它会回退到闪存吗？

我正在使用mediaelementjs（和jquery）（换句话说，我需要的是点击一个图像并且神奇地支持浏览器支持的视频（另一个视频））。

谢谢！

Answer 1

是的，你可以设置多个来源，浏览器只会加载支持的源，如果它不支持HTML5视频，它将加载嵌入式标签（flash）

这是一个例子：

<video poster="myvideo.jpg" controls>
 <source src="myvideo.m4v" type="video/mp4" />
 <source src="myvideo.ogg" type="video/ogg" />
 <embed src="/to/my/video/player"></embed>
</video>

---编辑---

因此，您想要动态添加更多源标记。就像一个onclick功能。你有一些选择：

您只需更改视频元素中的src属性;
您可以更改每个源元素的src属性;
您可以创建更多源元素并将所有内容附加到视频元素;

在上述任何一种情况下，您都需要在更改或添加来源后运行视频元素的load和play功能;

PS：请记住，只会播放一个源，即浏览器可以读取的源。所以你不能添加很多视频（比如不同的视频，而不是扩展名），并期望创建一个播放列表;

有关它的更多问题：

如何用JS添加多个视频源？

1 个答案: