javascript - HTML5 视频选项

Question

现在这似乎是一个愚蠢的问题，但是对于 html5 视频，一旦您离开页面，是否可以显示视频海报？
例如，我有一个 JQM 页面，其中有一个 html 视频，并分配有一张海报。当我离开页面时，我有一个小脚本将播放时间设置回 0 并暂停视频

<script>    
 var video = document.getElementById("video");
 $("#trigger").bind("click", function(){
        video.pause();
        video.currentTime = 0;});
</script>

这可行，但我也希望能够显示视频海报。有没有办法通过我的javascript做到这一点？

Answer 1

只需通过 javascript 重新设置海报以“恢复”海报：

<script>    
var video = document.getElementById("video");
$("#trigger").bind("click", function(){
    video.pause();
    video.currentTime = 0;
    video.poster = "yourPoster.png";});
</script>