[英]HTML5 video not autoplaying from javascript
I have an html5 video I am using javascript to load and play but since using this method the video will not autoplay. 我有一个使用javascript加载和播放的html5视频,但是由于使用此方法,该视频将无法自动播放。 If I do not load and start using javascript the video doesn't always load it seems to be a 50/50 chance whether or not it is a black screen or it actually loads.
如果我不加载并开始使用javascript,则视频并不总是加载,无论它是黑屏还是实际加载,似乎都是50/50的机会。 Is there a way to autoplay from javascript?
有没有办法从JavaScript自动播放?
$(document).ready(function() { var video = document.getElementById('video'); var mp4 = document.getElementById('mp4'); mp4.src = 'promo2.mp4'; video.load(); video.play(); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="divVideo" style="margin-top:30px;"> <video id="video" controls autoplay width="560"> <source id="mp4" type="video/mp4" /> </video> </div>
I believe that Chrome has blocked auto-playing videos from javascript, or at least has blocked auto-playing videos with audio. 我认为Chrome浏览器已阻止了javascript中的自动播放视频,或者至少已阻止了具有音频的自动播放视频。 Try muting the video and then autoplay it.
尝试使视频静音,然后自动播放。 Add these HTML tags to the video element.
将这些HTML标签添加到video元素。
playsinline autoplay muted loop
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Set autoplay
property to true
in your javascript. 在您的JavaScript中将
autoplay
属性设置为true
。
See the Snippet below: 请参见下面的代码段:
$( document ).ready(function() { var video = document.getElementById('video'); var mp4 = document.getElementById('mp4'); mp4.src = 'https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_10mb.mp4'; video.autoplay = true; video.load(); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="divVideo" style="margin-top:30px;"> <video id="video" controls autoplay width="560"> <source id="mp4" type="video/mp4" /> </video> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.