摘要：回顾打造属于自己的视频播放器篇在上一章节之中，已经把篇给大致样式显现了出来，接下来应该是篇了，可是在写之前有必要先整理一下思绪，盲目乱写是不对的，喝杯茶，撩撩妹，生活多美妙，写起代码来自然心情好思路正。
回顾
H5打造属于自己的视频播放器（HTML篇）
在上一章节之中，已经把HTML篇给大致样式显现了出来，接下来应该是JS篇了，可是在写之前有必要先整理一下思绪，盲目乱写是不对的，喝杯茶，撩撩妹，生活多美妙，写起代码来自然心情好思路正。
1）设置好封面，一个好的小视频，自然封面非常给力，让人忍不住点击
下面就是一些不错的栗子
2）获取视频长度，一个友好的播放器，会给用户显示这个视频总共多少分钟
当然，您可以不用标注的太明显，但不能没有哦播放
当点下播放的时候，世界将会改变。确实
1）播放按钮隐藏
2）下方控制条渐渐隐藏
3）视频开始播放
ps：排名不分先后 你321倒过来也行
播放中在播放中会发生什么变化呢？
1）控制条进度条慢慢增长
2）当前播放时间变化
在播放当中按暂停或者视频播放完毕时
0）时间定格（所指的是 video ui都静止，但不包括广告哟，哈哈，您可以尝试在播放按钮上放置一些诱人的广告）
1）播放按钮显示
2）下方控制条显示
1）在点击播放时，是播放按钮的点击事件，触发视频播放
而在点击暂停时，是视频的点击事件，触发按钮显示
2）在点击播放后，下方控制条渐渐隐藏时，却还没有完全隐藏的时候
但又点击了暂停，这时需要清除控制条的隐藏的状态，如下图
灵魂画师来袭
3）哎呀我跌倒了，没有三五八万起不来
H5打造属于自己的视频播放器（JS篇1）
H5打造属于自己的视频播放器（JS篇2）
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/80078.html
摘要：回顾打造属于自己的视频播放器篇在上一章节之中，已经把篇给大致样式显现了出来，接下来应该是篇了，可是在写之前有必要先整理一下思绪，盲目乱写是不对的，喝杯茶，撩撩妹，生活多美妙，写起代码来自然心情好思路正。 回顾 H5打造属于自己的视频播放器（HTML篇）在上一章节之中，已经把HTML篇给大致样式显现了出来，接下来应该是JS篇了，可是在写之前有必要先整理一下思绪，盲目乱写是不对的，喝杯茶，...
前言 众所周知，16年无疑是直播行业的春天，同时也是H5的一次高潮。so，到现在用H5技术在移动端做网页直播也是见怪不怪了，但是！！！今天我们的主角是webApp下播放视频参考文献：1)HTML5+CSS3+JQuery打造自定义视频播放器2)mui Html5 Video 实现方案3)移动端HTML5视频播放优化实践 搬好凳子看HTML 首先我们在HB下创建一个新的app项目，名称为 欠债 sh...
前言 众所周知，16年无疑是直播行业的春天，同时也是H5的一次高潮。so，到现在用H5技术在移动端做网页直播也是见怪不怪了，但是！！！今天我们的主角是webApp下播放视频参考文献：1)HTML5+CSS3+JQuery打造自定义视频播放器2)mui Html5 Video 实现方案3)移动端HTML5视频播放优化实践 搬好凳子看HTML 首先我们在HB下创建一个新的app项目，名称为 欠债 sh...
前言 众所周知，16年无疑是直播行业的春天，同时也是H5的一次高潮。so，到现在用H5技术在移动端做网页直播也是见怪不怪了，但是！！！今天我们的主角是webApp下播放视频参考文献：1)HTML5+CSS3+JQuery打造自定义视频播放器2)mui Html5 Video 实现方案3)移动端HTML5视频播放优化实践 搬好凳子看HTML 首先我们在HB下创建一个新的app项目，名称为 欠债 sh...
阅读 3017·2021-10-27 14:16
阅读 2854·2021-09-24 10:33
阅读 2237·2021-09-23 11:21
阅读 3209·2021-09-22 15:14
阅读 747·2019-08-30 15:55
阅读 1644·2019-08-30 15:53
阅读 1695·2019-08-29 11:14
阅读 2174·2019-08-28 18:11
