博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于vue的video播放组件
阅读量:7210 次
发布时间:2019-06-29

本文共 662 字,大约阅读时间需要 2 分钟。

hot3.png

做H5手机端的视频播放器,在期间发现了很多问题,哈哈,也是在不断摸索中成长,废话不多说,放代码:

将播放器做成了组件,方便调用,用了mounted钩子函数来监控视频是否能播放,但是发现在Android手机上好像也没什么效果,依然是在点击播放play() 后再加载的视频。

在Android端的微信和浏览器中的播放效果也是不一样的,在微信中依然是点击进去全屏播放,而且播放完了还有其他的广告出来,看了资料,发现原来是因为腾讯对video做了处理。

在Android的微信端在滚动的同时,video也会出现浮动的现象,使用了x5-video-player-type='h5'这个属性后有改善,没有浮动了,但是微信端的播放也出现了点击进去是全屏,但是播放的范围却减少了和多。

playsinline 和 webkit-playsinline="true" 属性是为了IOS能非全屏播放。

问题还在解决中。。。。。哈哈,对video研究还不是很深,自己挖的坑还是有点多的,如果有大佬有解决方案,欢迎留言

还发现相同的视频加载了几个的时候,第一个播放了-暂停,第二个播的时候会接着第一个暂停的点继续播放。

ps: 找到了一篇的文章,

转载于:https://my.oschina.net/tianyuqin/blog/1605203

你可能感兴趣的文章
Bash编程入门
查看>>
神器:REST测试工具[wiztools.org restclient]客户端Jar依赖Java安装环境
查看>>
生成keystore是报错拒绝访问(已测试)
查看>>
从一道题浅说 JavaScript 的事件循环
查看>>
每天进步一点点——Linux文件锁编程flock
查看>>
sqlserver锁机制详解(sqlserver查看锁)
查看>>
[公告]欢迎您加入WF技术研究团队
查看>>
5.10. Web Tools
查看>>
将Eclipse代码导入到Android Studio的两种方式
查看>>
ASP.Net4.0中新增23项功能
查看>>
HTML JS 数据校验
查看>>
Mysql中分页查询两个方法比较
查看>>
保存一下dedecms数据库表和字段说明,方便日后查询
查看>>
公众号群发文章支持添加小程序
查看>>
5.6. Spring boot with Logging
查看>>
MySQL 视图技术
查看>>
第 138 章 Spark
查看>>
flask 使用 SQLAlchemy 的两种方式
查看>>
Nginx入门笔记之————配置文件结构
查看>>
SQL Server-聚焦深入理解死锁以及避免死锁建议(三十三)
查看>>