通過jquery在html5中更改視頻（不同質量）文件

Moto：當用戶單擊按鈕時，通過Jquery更改正在播放的視頻。樣品網站：http://sublimevideo.net（在播放器控制點擊「HD」按鈕）通過jquery在html5中更改視頻（不同質量）文件

詳細：

在頁面加載，瀏覽器將在源給出（URL第一視頻道：「-Dark.mp4」）。我要的是，當用戶點擊按鈕HD（控制），瀏覽器應該播放下一個（URL：「這黑暗-hd.mp4」）

它我的HTML代碼：

 <source src="asserts/The-Dark.mp4" type="video/mp4;" data-quality="sd"></source>    
     <source src="asserts/The-Dark-hd.mp4" type="video/mp4;" codecs="&quot;avc1.42E01E, mp4a.40.2&quot;" data-quality="hd"></source> 

     <source src="asserts/The-Dark.ogg" type="video/ogg;" codecs="&quot;theora, vorbis&quot;"></source> 

     <source src="asserts/The-Dark-hd.ogg" type="video/ogg;" codecs="&quot;theora, vorbis&quot;"></source> 
</video>

請讓我知道Jquery的，我需要遵循

來源

2012-08-25 Vel Murugan S

$('source', 'video').eq(1).prependTo('video'); 
$('video')[0].load(); 
$('video')[0].play();

FIDDLE

來源

2012-08-25 12:26:53 adeneo

非常感謝「Adeneo」。它工作正常。我很抱歉問。你可以解釋一下代碼嗎？我是JQuery的絕對初學者，這是我第一個API開發 –

第一行獲取第二個源標記，並將其移動到第一個源標記，因爲這是視頻標記使用的標記。然後'$（'video'）[0]'獲得普通的javascript DOM元素，並且可以寫成'document.getElementsByTagName（'video'）[0]'，我們需要DOM元素作爲'load（） '和'play（）'不是jQuery方法，只是簡單的javascript方法，調用'load（）'用第一個有效的源代碼重載視頻，現在是第二個源代碼，然後調用'play（） '再次啓動新加載的視頻。 – adeneo

再次感謝Adeneo。 –

通過jquery在html5中更改視頻（不同質量）文件

回答

相關問題