<script>
$(function(){
var button = $('button');
var video = $('video')[0]
console.log(video);
console.log(button);
button.click( function(){
// console.log($(this));
if($(this).text() ==='播放'){
video.play()
}
if($(this).text() ==='暂停'){
video.pause()
}
if($(this).text() ==='切换'){
if(video.paused){
video.play()
}else{
video.pause()
}
}
if($(this).text() ==='音量+'){
video.volume = (video.volume>0.9?0.9:video.volume)+0.1
}
if($(this).text() ==='音量-'){
video.volume = (video.volume<0.1?0.1:video.volume)-0.1
}
if($(this).text() ==='快进'){
video.currentTime+=5;
}
if($(this).text() ==='回退'){
video.currentTime-=5;
}
if($(this).text() ==='倍速播放'){
video.playbackRate = 5;
}
})
video.onvolumechange=function(){
console.log(video.volume);
if(video.volume>0.5){
alert('如果继续提高音量,会损伤耳朵!')
}
}
})
</script>
<body>
<video src="./音视频/1.mp4" controls poster="./音视频/长权.jpg"></video>
<button>播放</button>
<button>暂停</button>
<button>切换</button>
<button>音量+</button>
<button>音量-</button>
<button>快进</button>
<button>回退</button>
<button>倍速播放</button>
</body>
更多推荐
jQuery控制video视频(快进,回退,倍速播放等)
发布评论