Question

我正在尝试更改页面上视频元素的来源，但我无法让它正常工作。我认为这应该有效，但由于某些原因它不会。我读了类似的问题并查看了Apple Developer Library。

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

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

代替。我现在感到愚蠢，谢谢你的帮助。

Answer 1

使用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");

Answer 2

这有用吗？

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

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

Answer 3

你需要改变：

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

HTML5在视频上更改src

3 个答案: