通过Jquery在html5中更改视频(不同质量)文件

Question

Moto:改变正在播放的视频，当用户点击按钮时，通过Jquery。示例网站：http://sublimevideo.net (点击播放器控件中的"hd“按钮)

详细说明：

在页面加载时，浏览器将播放源代码中给定的第一个视频(url："The-Dark.mp4")。我想要的是，当用户点击HD按钮(控件)时，浏览器应该播放下一个按钮(url：" the -Dark-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

Answer 1

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