<p>该范例中，我们使用了 addEventListener() 方法为 video 元素添加 "ontimeupdate" 事件。

在用户开始播放视频，或者移动视频的播放位置时触发函数，并显示视频的播放位置。</p>

​

<video id="myVideo" controls>

  <source src="/static/i/html/html_video_1.mp4" type="video/mp4">

  <source src="/static/i/html/html_video_1.ogg" type="video/ogg">

  您的浏览器不支持 HTML5 video 标签

</video>

​

<p>播放位置： <span id="demo"></span></p>

​

<script>

// 获取 id="myVideo" 的 video 元素

var vid = document.getElementById("myVideo");

​

// 为 video 元素添加 ontimeupdate 事件，如果当前播放位置改变则执行函数  

vid.addEventListener("timeupdate", myFunction);

​