Meteor Safari 视频无法显示

Question

我不确定这是否一直是个问题，但是简单的 html5 视频根本不会在 Safari 中为我显示。移动端和桌面端。

我已经安装了全新的 Meteor，并添加了本地 mp4 文件和 webm 文件，甚至尝试了一个已知的工作视频文件：https://www.w3schools.com/html/html5_video.asp

我使用了来自其他框架和静态 html 的相同 html5 视频代码（所有这些都在这些平台上工作）但可惜它们也不起作用。

没有可言的错误（控制台或终端），其他一切都很好works/loads。

试一试。添加新的流星安装并添加以下 html5 视频：

<video playsinline autoplay muted loop> <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> </video>

如有任何帮助，我们将不胜感激！

Answer 1

Safari 似乎无法在没有控件的情况下渲染视频。我能够通过手动创建视频元素使其工作（次优）

Template.video.onRendered(function () {
  const instance = this
  const parent = instance.find('#video-parent')
  instance.video = document.createElement('video')
  instance.video.classList.add('rounded-lg')
  instance.video.classList.add('img-fluid')
  instance.video.src = instance.data.src ? instance.data.src : ''
  instance.video.addEventListener('canplaythrough', () => {
    console.log(instance.video)
    instance.video.controls = true
    //Meteor.setTimeout(()=>{
    //  instance.video.play()
    //}, 500)
  })
  parent.append(instance.video)
})
Template.video.onDestroyed(function () {
  const instance = this
  instance.video.pause()
  instance.video.remove()
})

和

<template name="video">
 <div id="video-parent"></div>
</template>

<template name+"something">
 {{>video src="https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"}}
</template>

Meteor Safari 视频无法显示

Meteor Safari Video Wont Display

javascript

meteor

meteor-blaze