还通过jQuery更改替代HTML5视频文件/格式源

Also changing the alternative HTML5 video file/format source via jQuery?

本文关键字：视频 HTML5 文件 格式 jQuery      更新时间：2023-09-26

我对Javascript和jQuery仍然不是很"擅长"，但我正在学习。然而，以下内容让我感到困惑：

我有一个标准的HTML5视频标签：

  <video id="videoclip">
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
  </video>

现在我需要通过jQuery更改为视频src。如果我只有一个来源，即

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

我只是这么做：

function changeVideo() {
        var newVideo = "new_video.mp4";
        $("#videoclip").attr("src",newVideo) }

（我缩写了这个片段。实际上，我在那里设置了很多变量和发生的事情）。

所以这很有效。但是，如果在第一个代码段中有两个源代码，我需要做什么？另一个webm文件？

我试着给这两个源标签不同的ID，比如：

   <source id="mp4" src="video.mp4" type="video/mp4">
   <source id="webm" src="video.webm" type="video/webm">

然后这样做：

function changeVideo() {
        var newVideo = "new_video.mp4";
        var newVideo2 = "new_video.webm";
        $("#mp4").attr("src",newVideo);
        $("#webm").attr("src",newVideo2)

不起作用。我的意思是，我第一次播放视频时确实如此，但当我再次使用另一个类似的功能来更改来源时，它就不起作用了。首先，它将是相同的源集。它不会让步（

除了这个例外，我过去几个小时写的所有东西现在都很好用。

我如何度过这个例外？

您需要将其添加到changeVideo函数中：

$("#videoclip")[0].load();
$("#videoclip")[0].play();
相关文章：