在HTML5视频中更改正在播放的视频

Question

我正在使用HTML5的标签在Web浏览器上播放视频...(这个新功能给我留下了深刻印象)

请问是否可以通过JavaScript更改正在播放的视频？例如，当我从一个列表中选择另一个视频时，会调用一个JavaScript函数，其中包含类似于MyVideo.VideoLocation = //新视频的位置的内容。这种操作可行吗？

谢谢并致敬， Krt_Malta

- Krt_Malta

---

看看这篇帖子：http://stackoverflow.com/questions/5703203/html5-video-change-multiple-sources非常简单明了的解决方案！ - user952904

Answer 1

在更改源代码后，Webkit要求您调用“load（）”：

videoTag.src = "newVideo";
videoTag.load();
videoTag.play();

苹果公司有一份有用的教程。

- Phil Crosby

---

你，先生，是我的英雄！ - alexalexandresq

Answer 2

这是解决方案，已在iPad / iPhone / Webkit / Firefox上进行了测试。

<script>

function playNext(path,target)
{
target[0].src=path;
target[0].load();
target[0].play();
}

playNext("pathToMovie",$('#video_1'));

</script>

- samccone

---

target[0].load();target[0].play(); 在 iPhone 上无效。 - Kevkong

不应该这样做。iOS 不允许自动播放视频或通过脚本播放视频。请参见：https://dev59.com/bGcs5IYBdhLWcg3w5H9a#12496184 - evolutionxbox

Answer 3

要使用的属性：

videoTag.src

如果它在那之后没有自动开始播放：

videoTag.play()

- Delan Azabani