各大浏览器都把视频的默认播放关掉了,找了好久才找到一个方法,
<video id="video" src="<{$one.mp4url}>" autoplay="autoplay" muted="muted"></video>直接给视频加上“muted”静音属性,视频就会自动播放,
再加个暂停和声音就行了
<button class="play">暂停</button>
<button class="muted">静音</button>
$('.play').click(function(){
if($('#video')[0].paused){
$('#video')[0].play();
$('.play').text('暂停');
}else{
$('#video')[0].pause();
$('.play').text('播放');
}
});
$('.muted').click(function(){
if($('#video')[0].muted){
$('#video')[0].muted = false;
$('.muted').text('静音');
}else{
$('#video')[0].muted = true;
$('.muted').text('正常');
}
});