通过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中更改视频（不同质量）文件

回答

相关问题