Angular HTML全屏视频自动播放不起作用 [英] Angular HTML Fullscreen Video Autoplay Not Working
本文介绍了Angular HTML全屏视频自动播放不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
任何人都可以解释为什么此自动播放视频无法在chrome中运行吗?
Can anyone explain why this autoplay video is not working in chrome?
视频存储在Firebase存储器中.当您访问页面然后返回首页时,它会播放,但是当您第一次进入刷新页面时,它不会播放.这也是一个有角度的6应用程序.
The video is stored in firebase storage. It plays when you visit a page and then go back to home page, but not when you first enter the page on refresh. It is an angular 6 application as well.
<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()"
onloadedmetadata & oncanplay="this.play()"
是将其加载到Angular 6项目中的答案.
Are the answers to getting it to load on an Angular 6 project.
这篇关于Angular HTML全屏视频自动播放不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文