我在页面上有多个视频。
<div class="row text-center">
<video width="320" height="240" controls class="myvideo">
<source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="row text-center">
<video width="320" height="240" controls class="myvideo">
<source src="http://www.html5videoplayer.net/videos/fantasy.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
我想为它们添加缓冲事件。而且当我点击视频 1 的时候,正在播放的视频 2 应该自动停止。我该如何实现这个功能呢?它们有一个共同的类。我需不需要给它们分别设置id呢?