在html5視頻的精確幀上顯示html元素

Question

我想在播放的html5視頻上顯示一些html文本。

該視頻將以空符號爲特徵，並且我希望在視頻上放置一些自定義文本，以便它看起來顯示在標誌上。

如何最佳地將html元素的顯示與視頻中的特定幀同步？

最好在確切的框架，所以同步將是完美的。

Answer 1

你可以得到在播放器中播放的時間範圍。

HTML：

<video 
    id="videoPlayer" 
    controls="controls"> 
    <source src="video.mp4" type="video/mp4"> 
</video> 

JQuery的：

$(document).ready(function(){ 
    $("#videoPlayer").on(
    "timeupdate", 
    function(event){ 
     showHTMLElement(this.currentTime, this.duration); 
    }); 
}); 

你可以四捨五入的currentTime的根據自己的需要在showHTMLElement比較（）。