加载后播放HTML5视频-Java 学习之路

我正在寻找一种在满载后播放html5视频的方法 . 而视频仍在加载 - 显示视频占位符图像 . 在我使用setTimeout函数之前，但它不是完成此任务的方法 .

setTimeout(function() {
    $('banner__video--fallback').fadeOut();
    $('.banner__video')[0].play();
}, 800);

那么在加载后播放视频的方法是什么？

编辑：使用解决方案'canplaythrough'视频仍然可以在完全加载之前播放 .

$('.banner__video')[0].addEventListener("canplaythrough", function () {
  $('banner__video--fallback').fadeOut();
  $('.banner__video')[0].play();
}, false);

2 回答

0
为什么不使用HTML5视频属性？没有必要使用javascript .
```
<video autoplay poster="/placeholder.jpg">
    <source src="video.webm" type="video/webm">
    <source src="video.mp4" type="video/mp4">
</video>
```
autoplay 在加载视频后立即播放视频， poster 在视频加载时分配图像 .

你应该在这里阅读更多：http://www.w3schools.com/html/html5_video.asp
回复于 2024-05-02T01:30:51+08:00
0

您可以使用如下所示的ajax调用下载视频：Another: Force Chrome to fully buffer mp4 video或只使用 canplaythrough 属性 .

回复于 2024-05-02T01:30:51+08:00

加载后播放HTML5视频

2 回答

相关问题