通過點擊鏈接更改視頻源（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）

回答

相關問題