美文网首页javascript学习笔记
利用JavaScript实现同时在头部放两个视频

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

作者: 伊依11 | 来源:发表于2017-08-25 09:51 被阅读0次
css样式 HTML以及js部分

思路分析

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

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

相关文章

网友评论

    本文标题:利用JavaScript实现同时在头部放两个视频

    本文链接:https://www.haomeiwen.com/subject/pjtudxtx.html