IT评测·应用市场-qidao123.com

标题: 让iPhone自带欣赏器Safari能自动播放Video视频的办法 [打印本页]

作者: 铁佛 时间: 2025-1-14 08:48
标题: 让iPhone自带欣赏器Safari能自动播放Video视频的办法
原以为在< 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;
}

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)