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

发布于 2025-01-06 05:00:40 字数 396 浏览 0 评论 0原文

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

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

例如设置：

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

有什么办法可以做到这一点吗？另外，如果我只有当前网络浏览器不支持的视频，它会回退到 Flash 吗？

我使用 mediaelementjs （和 jquery）（简而言之，我需要的是单击图像，并且神奇地必须加载浏览器支持的视频（另一个视频））。

谢谢！

原文

EDIT: I think i haven't explained myself correctly.

I need to set (via javascript) more than one video source to my video.

For example set:

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

is there any way to do this? also if i only have a video that the currently web browser doesn't support will it fallback to flash?

Im using mediaelementjs (and jquery) (in a few words, what i need is to click an image and magically the browser supported video (another video) must load).

thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

Oo萌小芽oO 2025-01-13 05:00:40

是的，您可以设置多个源，这样浏览器将仅加载支持的源，如果不支持 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：请记住，只会播放一种源，即浏览器可以读取的源。因此，您不能添加大量视频（例如不同的视频，而不是不同的扩展名）并期望创建一个播放列表；

有关于此的更多问题：

Yeah man, you can set more than one source so, the browser will load just the supported source , and in case that it doesn't support HTML5 video, it will load the embed tag (flash)

Here an example:

<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>

--- edited ---

So, you wanna to add more source tags dynamically. Like an onclick function. You have some options:

You can just change the src attribute in video element;
You can change the src attribute of each source element;
You can create more source elements and append all to the video element;

In any of these cases, you will need to run the load and play functions of video element after changes or add sources;

PS: remember that only one source will be played, the one that the browser can read. So you can't add a lot of videos (like different videos, instead differents extensions) and expect that a playlist will be created;