如何使用jQuery在html5視頻中更改源代碼

我有一個html5視頻流，我需要在一些點擊操作後更改它的源*。所以我在做什麼工作，但只有在HTML中，我可以看到源變化，但它沒有改變我的顯示器，你能幫助我嗎？哪裏不對？ *源代碼附加了frome xml文件。如何使用jQuery在html5視頻中更改源代碼

HTML

<video autoplay loop width="960" height="540" id="video"> 
    <source src="video/movie_01.mp4" id="tv_main_channel"> 
</video>

btn.on('click', function(){ 
    var tv_main_channel = $('#tv_main_channel'), 
     d_program_source_mp4 = $(program_self).find("program_source_mp4").text(); 

    tv_main_channel.attr('src', d_program_source_mp4); 
}

也是我嘗試與append但它仍然無法正常工作

var video_block = $('#video'); 

video_block.empty(); 
video_block.append(
    '<source src="'+ d_program_source_mp4 +'">' 
);

THX的幫助。

來源

2013-02-10 Lukas

很簡單，只是這樣做：

btn.on("click", function(){ 
    var src = "new_video_src.mp4"; 
    $("#video").find("#tv_main_channel").attr("src", src) 
})

來源

2013-02-10 15:43:06

看到這個小提琴：http://jsfiddle.net/qGbzb/2/

動態地加載你需要運行

var video_block = $('#video'); 
video_block.load();

視頻那麼你也應該看到，在改變顯示器也是如此，而不僅僅是在html中。

來源

2013-02-10 16:05:59 richie

感謝的人，我是卡在那裏好幾個小時的實際方法，但在調用'.load（）'解決了它！ – Mahdi 2013-10-30 11:11:52

您可以點擊事件中使用這樣的

var src = "new_video_src.mp4"; 
    $("#tv_main_channel").src=src;

這是視頻標籤元素

來源

2013-08-23 05:31:58

如何使用jQuery在html5視頻中更改源代碼

回答

相關問題