HTML5 更改视频上的 src

HTML5 Changing src on video

本文关键字：src 视频 HTML5      更新时间：2023-09-26

我正在尝试更改页面上视频元素的来源，但我无法使其正常工作。我认为这应该有效，但由于某种原因它不起作用。我阅读了类似的问题，并查找了Apple开发人员库。

以下是我尝试更改源的方式：

<head>
<script>
    function play_red()
    { 
       var vid = document.getElementById("vid");
       vid.src = "videos'color_red.mp4"
       vid.load();
       vid.play();
    }
</script>
</head>
<body>
<video id="vid" src="videos'color_black.mp4" autoplay="true"></video>
<button type="button" onclick="play_red()"></button>

我做错了什么？

编辑：解决方案：当你问东西时，不要翻译你的文件名。我应该使用

vid.setAttrivute('src','videos/color_rot.mp4);

相反。我现在觉得很愚蠢，谢谢你的帮助。

这行得通吗？

function play_red()
{ 
   var vid = document.getElementsByTagName("video")[0];
   vid.setAttribute('src', 'videos/color_red.mp4');
   vid.load();
   vid.play();
}

这实际上应该改变来源。不过，我不确定 load（） 和 play（） 函数。

使用 getElementsByTagName 而不是 document.getElementById ： 

<script>
function play_red()
{ 
   var vid = document.getElementsByTagName("video")[0].src = "videos/color_red.mp4";
   vid.load();
   vid.play();
}
</script>

如果你愿意使用 jquery，这很简单：

$("#vid").attr("src","videos/color_red.mp4");

您需要更改：

<script> 
function play_red() 
{ 
var vid = document.getElementById("a");
vid.innerHTML  = ' <video id="vid" src="videos'color_red.mp4" autoplay="true"></video>';
 } 
 </script> 
 </head> 
 <body> 
 <div id="a">
 <video id="vid" src="videos'color_black.mp4" autoplay="true"></video>
</div>
<button type="button" onclick="play_red()"></button>
相关文章：