如果视频无法从 src 播放，则从另一个 src 播放

Question

我想在原始来源无效时自动播放其他来源的视频。

例子。我有 -

<video id='screen' poster='loading.gif' autoplay>
<source id='stream' src="flowers.mp4" type="application/x-mpegURL">
</video>

我想在第一个视频无法播放时更改它的 src。怎么做？

提前致谢！

Answer 1

通过为您的视频添加多个来源，如果第一个加载失败，它将自动播放下一个，如下所示：

<video controls>
  <source src="myVideo.mp4" type="video/mp4">
  <source src="myVideo.webm" type="video/webm">
  <p>Your browser doesn't support HTML5 video. Here is
     a <a href="myVideo.mp4">link to the video</a> instead.</p>
</video>

见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

如果视频无法从 src 播放，则从另一个 src 播放

Play from another src if video can't play from src

javascript

html

jquery

html5-video

src