利用JavaScript实现同时在头部放两个视频

css样式

HTML以及js部分

思路分析

1，利用html5中出现的ended事件（ended 事件在音频/视频(audio/video)播放完成后触发），两个视频包含在一个块里，块里用position=relative属性定位好，视频则是position=absolute定位，后面一个视频会覆盖前一个，等后面一个id=v1的视频加载完后

2,用原生JavaScript抓住id=v1的视频（也就是后面需要隐藏的video），加ended事件改变index值，让视频隐藏即可。