javascript - Safari 阻止 video.js 播放器的自动播放
问题描述
在我的网站上,我有使用 video.js 库的 vue-video-player。在三星 Galaxy s9 的移动 chrome 上,它可以正确自动播放,但在 iphone 7 的移动 safari 上不能自动播放。
HTML是:
<video-player class="video-player-box"
id="player"
ref="videoPlayer"
:options="playerOptions"
@ended="onPlayerEnded($event)">
</video-player>
在我的脚本标签中:
data() {
return {
playerOptions: {
muted: true,
autoplay: true,
controls: false,
sources: [{
type: "video/mp4",
src: "https://res.cloudinary.com/dlqvkenro/video/upload/v1544320787/gvnn.mp4"
}],
poster: "/static/images/author.jpg",
}
}
},
实际上,当我单击声音图标视频开始播放时,在 safari 上,但我希望它在用户进入页面时自动启动。
我添加了代码以编程方式启动播放器:
mounted() {
this.player.play()
.then(() => {
console.log('play succseed');
})
.catch(() => {
alert('safari prevent player');
});
},
并且实际上在 Safari 中出现警报。我能做些什么来战胜苹果吗?
解决方案
推荐阅读
- ios - 无法分配“字符串??”类型的值 键入“字符串?” 错误
- scala - 使用 fs2 Stream Scala 按顺序处理向队列发送元素
- delphi - 如何检测 Delphi FireMonkey FMX 中的屏幕分辨率变化
- c# - 如何从 Web 方法调用非静态方法
- azure-eventhub - 具有事件中心输入流位置的 Azure 流分析
- influxdb - 插件错误:获取 CPU 信息时出错:尚未实现
- rules - 如何在 CLIPS 中添加多个变量?
- python - .lower() 出现 0 时返回 True
- r - 使用 xml 抓取网页价格
- python - Python 中的 DAG 实现