0

我正在尝试更改页面上视频元素的来源，但无法使其正常工作。我认为这应该有效，但由于某种原因它没有。我阅读了类似的问题并查找了 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);

反而。我现在感觉很傻，谢谢你的帮助。

4

3 回答 3

0

这行得通吗？

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

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

于 2013-10-17T07:56:35.807 回答
0

使用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");
于 2013-10-17T07:53:43.197 回答
0

你需要改变：

<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>
于 2013-10-17T08:18:15.160 回答