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

css样式
HTML以及js部分

思路分析

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 教程一:视频截图(Tutorial 01: Making Screencaps) 首先我们需要了解视频文件的一些基...
    90后的思维阅读 4,795评论 0 3
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 835评论 0 4
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,554评论 0 17
  • 本文介绍日常开发过程中使用ImageView需要了解的知识和注意的地方,例如:ImageView引用图片后上下方区...
    风清袖一阅读 381评论 0 2
  • 找一隅静谧的角落,看窗外亭阁小榭,嗅鸟语花香。静静享受这闲暇的午后。
    梦璃嬅阅读 225评论 0 1