Javascript 流星狩猎视频不会显示
我不确定这是否一直是一个问题,但简单的html5视频根本不会在Safari中为我显示。移动和桌面 我已经安装了Meteor fresh,并添加了本地mp4文件和webm文件,甚至尝试了一个已知的工作视频文件: 我使用了其他框架中相同的html5视频代码和静态html,所有这些都可以在这些平台上工作,但可惜它们也不工作 控制台或终端没有任何错误,其他一切都可以正常工作/加载 试试看。添加新meteor安装并添加以下html5视频:Javascript 流星狩猎视频不会显示,javascript,meteor,meteor-blaze,Javascript,Meteor,Meteor Blaze,我不确定这是否一直是一个问题,但简单的html5视频根本不会在Safari中为我显示。移动和桌面 我已经安装了Meteor fresh,并添加了本地mp4文件和webm文件,甚至尝试了一个已知的工作视频文件: 我使用了其他框架中相同的html5视频代码和静态html,所有这些都可以在这些平台上工作,但可惜它们也不工作 控制台或终端没有任何错误,其他一切都可以正常工作/加载 试试看。添加新meteor安装并添加以下html5视频: <video playsinline autoplay mu
<video playsinline autoplay muted loop> <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> </video>
任何帮助都将不胜感激 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()
})
与
这太棒了!谢谢你在这方面的辛勤工作。根据我们在Meteor论坛上的其他讨论,我更新了使用.load的答案,因为我想让它在线播放,所以我也在这里为任何需要该功能的人添加了它。哈哈,有点像狩猎旅行正在成为IE最近哈哈
<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>