浏览器默认打开视频播放

浏览296

各大浏览器都把视频的默认播放关掉了,找了好久才找到一个方法,

<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('正常');
    }
});

jQuery 自己引入就行


下载 演示

  • 暂无任何回答