gpt4 book ai didi

javascript - Angular HTML全屏视频自动播放不起作用

转载 作者:行者123 更新时间:2023-12-03 15:04:14 24 4
gpt4 key购买 nike

谁能解释为什么这个自动播放视频在 chrome 中不起作用?

视频存储在 Firebase 存储中。它在您访问页面然后返回主页时播放,但在您第一次刷新页面时不会播放。它也是一个 Angular 6 应用程序。

  <video autoplay muted loop>
<source type="video/mp4" src="https://firebasestorage.googleapis.com/v0/b/gortonluxury.appspot.com/o/videos%2Fhero-video.mp4?alt=media&token=1231bda8-4240-4c1d-a0b9-9c5b50b320d0">
</video>

最佳答案

<video loop muted autoplay oncanplay="this.play()" onloadedmetadata="this.muted = true">
<source src="video.mp4" type="video/mp4">
</video>
使用 onloadedmetadata & `oncanplay="this.play()"< 是在 Angular 6 项目中加载它的 javascript 解决方案。

关于javascript - Angular HTML全屏视频自动播放不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53756695/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com