当前位置: 首页> 财经> 金融 > 唐山建站方案_高端网站设计图片_扬州网络优化推广_seo网站诊断报告

唐山建站方案_高端网站设计图片_扬州网络优化推广_seo网站诊断报告

时间:2025/7/11 7:31:29来源:https://blog.csdn.net/xjtarzan/article/details/145115089 浏览次数:0次
唐山建站方案_高端网站设计图片_扬州网络优化推广_seo网站诊断报告

原以为在< video >标签上加入“autoplay” 属性就能自动播放了,没想到会受到浏览器的安全限制,会阻止视频的自动播放,具体说明可查看:

https://developer.mozilla.org/zh-CN/docs/Web/Media/Autoplay_guide

想让浏览器自动播放视频/音频媒体的具体解决方法如下:

1、首先要在video标签上加入必要的属性,例如:

<video id="Video" playsinline muted preload autoplay loop><source type="video/mp4" src='xxxx.mp4' />
</video>
  • 尤其注意需要设置 “音频文件静音或其音量设置为0”
  • 苹果设备还需要额外设置 “playsinline” 私有属性

2、如果还不能自动播放,就在js代码里加入video元素的play()事件

document.querySelector("#Video").play();

3、如果还需要满屏显示,就给video加一个样式属性

.video {display: block;width: 100%;height: 100%;object-fit: cover;
}
关键字:唐山建站方案_高端网站设计图片_扬州网络优化推广_seo网站诊断报告

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: