首次加载时视频无法在 Apple 设备上播放答案

【问题标题】：Video not playing on apple devices on first load首次加载时视频无法在 Apple 设备上播放
【发布时间】：2020-05-08 20:14:50
【问题描述】：

所以我查看了苹果文档并检查了我的视频是否可以内联播放（我将视频存储在 s3 上）。

我在https://themobilecigarlounge.com 上的视频将在除苹果之外的所有设备和浏览器上播放。它会播放，但直到您单击链接然后返回主页才会播放。

<video class="video-background" id="backgroundVideo" playsinline="playsinline" autoplay="autoplay" muted="muted"
        loop="loop">
        <source src="https://cigarlounge.s3.amazonaws.com/Cigar-Rolling-Suit-medium-new.mp4" type="video/mp4" />
        <source src="https://cigarlounge.s3.amazonaws.com/Cigar-Rolling-Suit-medium.mov" type="video/mp4" />
    </video>

是我插入它的代码。我在这里想念什么？我有所有的标签，我去掉了它的音轨视频，我把它静音了。

【问题讨论】：

不确定它是否会影响，但autoplay 等会切换...如果存在则为真，如果不存在则为假（因此="autoplay" 等是多余的）。 mp4 视频是否经过优化，以便 MOOV atom 位于开头（请参阅stackoverflow.com/questions/53537770/…），好像不是可能通过网络加载太慢而无法获得播放所需的所有内容

标签： html video meteor meteor-blaze

【解决方案1】：

结果证明这是我使用的 Meteor 框架的问题。我不明白问题的根源，但这是某种渲染问题。我注意到在一个站点中，此功能在哪里可以完美运行，而

所以我进行了实验，并将视频放在一个 if 块中，该块在页面呈现后 100 毫秒变为真......这解决了问题，但看起来很hacky。火焰模板渲染似乎存在某种问题。

【讨论】：