让iPhone自带欣赏器Safari能自动播放Video视频的办法

原以为在< video >标签上参加“autoplay” 属性就能自动播放了，没想到会受到欣赏器的安全限制，会阻止视频的自动播放，具体说明可查看：
   https://developer.mozilla.org/zh-CN/docs/Web/Media/Autoplay_guide
  想让欣赏器自动播放视频/音频媒体的具体解决方法如下：
1、起首要在video标签上参加必要的属性，比方：

1. <video id="Video" playsinline muted preload autoplay loop>
2.         <source type="video/mp4" src='xxxx.mp4' />
3. </video>

复制代码

• 尤其注意需要设置 “音频文件静音或其音量设置为0”
  
• 苹果设备还需要额外设置 “playsinline” 私有属性
  

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

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

复制代码

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

1. .video {
2.     display: block;
3.     width: 100%;
4.     height: 100%;
5.     object-fit: cover;
6. }

复制代码

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