html5ビデオプレーヤーが特定の時間に達したときにdivを表示()したいと思います。ビデオの最後にdivを表示することはできましたが、ビデオが0:06などの特定の時間にあるときにdivを表示する方法がわかりません。
<div id = "showdiv" style="display:none" align="center">
this is the message that will pop up.
</div>
<video id='myVideo' align="center" margin-top="100px" class='video-js
vjs-default-skin' preload='auto' data-setup='{}' width='800' height='446'>
<source src='myVideo.mp4' type='video/mp4'l></source>
<script>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
if(!e) { e = window.event; }
$("#showdiv").toggle("slow");
}
</script>