通过点击链接更改视频源（jQuery）

基本上我有一个使用视频作为背景的网页。当用户点击链接（不是按钮）时，视频需要更改为不同的视频并播放。我需要在整个网站上做到这一点，因为它是一个动画故事。通过点击链接更改视频源（jQuery）

我的代码我一直使用：

HTML：

<div id="slide1"> 
    <p>Here is the first trigger. It should look something like this</p> 
    <p></p> 
    <a href="#" id="slide1to2">Next</a> 
    </div> 

    <div id="slide2" style="display: none;">Here is the second one</div> 


</div> 


<video id="video_background" preload="auto" autoplay loop> <source src="assets/video/street1.mp4" type="video/mp4" id="vidya"> 
</video>

的Jquery：

$(function(){ 
    $('#slide1to2').click(function() { 
     var src = "assets/video/street1.mp4"; 
     $("#video_background").find("#vidya").attr("src", assets/video/street2.mp4); 
    }); 
});

不能弄明白

来源

2014-05-03 Codeface

你试过引用字符串吗？ –

忘记引用字符串：

attr("src", "assets/video/street2.mp4");

另外，您正在运行.find并寻找具有ID的元素...只需使用该ID并更改属性即可。

$("#vidya").attr("src", "assets/video/street2.mp4");

来源

2014-05-03 16:52:37 tymeJV

工作。谢谢。我还想指出，需要将id #vidya分配给

你需要用的src值引号内' '或双引号" "

$("#vidya").attr("src", "assets/video/street2.mp4");

但既然你已经分配价值src变量，那么你可以使用：

$("#vidya").attr("src",src);

请注意，id必须是唯一的，所以你可以使用$("#vidya") instea此处应用多余的.find()方法。

来源

2014-05-03 16:54:10 Felix

通过点击链接更改视频源（jQuery）

回答

相关问题