方法一
加上muted静音属性,autoplay就会起作用,
<video id="video" src="video/pss.mp4" autoplay="autoplay" muted="muted"></video>
方法二
iframe里放空音频(没声音的音频),video里放想要播放内容这样就可自动播放
<iframe src="audio/录音002.mp3" style="display: none;"></iframe>
<video id="video" src="video/pss.mp4" autoplay="autoplay"></video>
附上简易暂停,禁音按钮
<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('正常');
}
});
诚瑞CMS学院,技术部发布-谷歌浏览器html视频自动播放,诚瑞CMS贡献文。本文谷歌浏览器html视频自动播放参考学习。发布时间:2022-08-14技术部呈上。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 诚瑞CMS网
- 一个高级程序员模板开发平台
你好