video视频播放及切换

video视频播放及切换

<div class="videoCon">
    <!-- 视频播放 -->
    <video id="vid"  controls="controls" autoplay="autoplay" >
        <source src="./Xishuashua_CarWash_fast.mp4" type="video/mp4" class="scourse">
        Your browser does not support the video tag.
    </video>
    <div class="videoBtn">
        <!-- 播放版本 -->
        <div class="edition">
            <a href="javascript:" onclick="player('./Xishuashua_CarWash_fast.mp4')" class="videoPlay" id="player1"> 快进版播放 </a>
            <a href="javascript:" onclick="player('./Xishuashua_CarWash.mp4')" class="videoPlay" id="player2"> 正常速度版播放 </a>
        </div>
    </div>
</div>

video视频播放的js部分

<script type="text/javascript">
	//video播放地址的改变
	function player(src) {
	    var vid = document.getElementById("vid");      //此处必须写成js获取id,要是写成**$("#vid"),会报错$(...).play is not a function**
	    vid.src = src;
	    vid.play();
	}
</script>

总结： video组件只支持js调用，不支持jq调用。