循環播放HTML5視頻在循環中閃爍黑屏

我有一個20秒的HTML5視頻，通過jQuery進行循環。但每次視頻開始時，黑屏都會快速閃爍，並且非常刺耳，因爲它應該與白色背景融爲一體。循環播放HTML5視頻在循環中閃爍黑屏

我試過使用CSS來使視頻背景變白無濟於事。任何想法我怎麼能達到預期的效果？

<video id="projects-video" width="841px" height="490px" autoplay poster="video/map1280-poster.jpg" > 
    <source src="video/map841.mp4" type="video/mp4"/> 
    Your browser does not support the video tag. I suggest you upgrade your browser. 
</video> 

<script> 
    $("#projects-video").bind('ended', function(){ 
      this.play(); 
    }); 
</script>

來源

2014-04-25 Red

只是一個猜測，但也許嘗試播放視頻從循環0.5秒開始跳過黑屏。查看here以獲取可用於操作功能的事件列表。我想看看到currentTime的情況下，對最終可能設置爲this.currentTime，然後設置this.play();

來源

2014-04-25 16:18:02

<video width="320" height="240" autoplay="autoplay" loop> 
    <source src="movie.mp4" type="video/mp4" /> 
    <source src="movie.ogg" type="video/ogg" />

希望這有助於該自動播放和循環他HTML5視頻，而無需jQuery的，也許它的路要走什麼你尋找，但如果你只是想循環視頻這應該做的伎倆:-)

來源

2014-04-25 16:27:06 McKenzie78

循環播放HTML5視頻在循環中閃爍黑屏

回答

相關問題