Question

视频结束后，我目前会显示我的海报。但是，它也会在视频开头显示（设置为自动播放）。我不希望它在视频的开头，只是结束。这就是我所拥有的。

<div id="wrapper">
<video id="example_vid" class="video-js vjs-default-skin" 
    controls preload="auto" poster="images/poster_test.png" 
width="780" height="439"
autoplay
data-setup='{"example_option": true}'>
<source src="videos/subaru.mp4" type='video/mp4' />  
<source src="videos/subaru.webm" type='video/webm' />
<source src="videos/subaru.ogv" type='video/ogg' />

</video>
</div>

...

<script> 
 var vid = videojs("example_vid"); 
 vid.on("ended", function(){ 
 vid.posterImage.show(); 
 vid.currentTime(0); 
 }) 
</script>

Answer 1

试试这个。它对我有用。

'...'

Answer 2

我没有对此进行测试，但我会尝试1）从视频元素中取出poster属性，然后2）通过脚本设置结束。喜欢这个

<script> 
 var vid = videojs("example_vid"); 
 vid.on("ended", function(){
   vid.poster("images/poster_test.png");
   vid.currentTime(0); 
 }) 
</script>

在视频结尾处需要海报，但不是开头

2 个答案: