HTML5 视频标签显示空白页，在 Safari、iPhone 和 iPad 中不起作用答案

【问题标题】：HTML5 Video tag show blank page and not working in Safari , iPhone and iPadHTML5 视频标签显示空白页，在 Safari、iPhone 和 iPad 中不起作用
【发布时间】：2021-08-21 12:36:13
【问题描述】：

我正在尝试使用 slick slider 制作视频滑块，为什么 playinline 在 safari 中不起作用。

<div id="videoSlider">
   <video class="video" webkit-playsinline playsinline>
      <source src="/assets/video/1.mp4" type="video/mp4">
   </video>
   <video class="video" webkit-playsinline playsinline >
      <source src="/assets/video/2.mp4" type="video/mp4">
   </video>
   <video class="video" webkit-playsinline playsinline >
      <source src="/assets/video/3.mp4" type="video/mp4">
   </video>
</div>

【问题讨论】：

标签： javascript html jquery css slick.js

【解决方案1】：

默认情况下，仅当视频不包含音轨或视频元素包含 muted 属性时才会执行自动播放。

来自https://developer.apple.com/documentation/webkit/delivering_video_content_jfor_safari

【讨论】：

我使用 javascript 控制自动播放，因为我正在尝试使用光滑滑块制作视频滑块。我还添加了自动播放和静音但在 safari 中不起作用。