移动端播放器不同状态的交互操作
2019年04月26日 10:04:33
1650
移动端播放器的交互操作，之前一直以为使用系统或平台自带的即可，没有做过深入研究。通过调研百度贴吧、知乎、Bilibili等应用发现，不同行业的应用内置播放器的交互方式是有些许的差异的，都有不同的倾向，这里主要说一下他们的共同点 ### 初始状态 > 注意初始状态下屏幕是有一层遮罩的 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E5%88%9D%E5%A7%8B.jpg" width="60%"> </p> ### 播放中状态 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E6%92%AD%E6%94%BE%E4%B8%AD.jpg" width="60%"> </p> ### 播放中点击状态 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E6%92%AD%E6%94%BE%E4%B8%AD%E7%82%B9%E5%87%BB.jpg" width="60%"> </p> ### 播放中暂停状态 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E6%9A%82%E5%81%9C.jpg" width="60%"> </p> ### 全屏状态 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E5%85%A8%E5%B1%8F1.jpg" width="60%"> </p> ### 全屏竖屏状态 <p> <img src="https://biliui-1258996889.cos.ap-beijing.myqcloud.com/blog/2019-04-27-%E5%85%A8%E5%B1%8F2.jpg" width="40%"> </p>