[转] Android 4.4中播放HTML5视频<video>的Bug
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了[转] Android 4.4中播放HTML5视频<video>的Bug，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1191字，纯文字阅读大概需要2分钟。
内容图文
近期Nexus 4手机自动升级到Android4.4，本来挺好的一件事儿，结果发现自己的应用中出现一个Bug，应用中使用了Webview播放HTML5视频，代码如下：
<video width="480" height="280" poster="test.jpg" src="test.mp4" preload="auto"></video>
在4.3版本之前播放正常，新版本中播放时只能听到声音，而画面停留在最初的画面，也就是poster属性中的图片，但不会显示视频动画，只有点击暂停按钮，然后再次点击播放按钮时，视频动画才会显示正常。
网上查阅了很多国外论坛，发现两个类似的反馈，但解决方法不同，其中的一个办法是使用CSS3的-webkit-transform: translate3d(0, 0, 0)属性强制打开3D渲染，可以使视频播放正常，但这种方法会导致初始的poster图片只显示一下，然后一闪而过停留在视频播放界面，点击播放时，视频播放倒是一切正常。
另外在官方论坛找到一个类似的反馈报告： https://code.google.com/p/android/issues/detail?id=62145#makechanges
其中提到此问题可能是由于preload属性引起，只有设定preload="none"才可以显示视频，官方已经确认了这个bug，并表示已经解决，下个版本会更新。但经我测试，单独设置preload="none"并不会完全解决此问题，视频仍旧只有声音，画面停留在初始界面。
经我多次试验，将上述两种方法结合起来，最终解决了这个问题，代码如下：
<video width="480" height="280" poster="test.jpg" src="test.mp4" preload="none" ></video>
默认的poster显示正常，点击播放，视频声音画面显示也都正常。
这个Bug产生的原因我认为是在视频开始播放时没有启动3D加速，导致原始的poster图片未被刷新到视频画面。设置preload="none"禁止了视频的自动载入，确保了poster画面被正确载入；同时在点击播放视频时，-webkit-transform: translate3d(0, 0, 0)确保打开了3D加速，自动刷新了poster的原始画面。
当然以上原因都为猜测，解决办法也是临时的，因为这不符合HTML5标签的原始定义，未来还要看官方的下一个Android版本是否解决掉这个Bug。
的Bug' ref='nofollow'>[转] Android 4.4中播放HTML5视频
原文：http://www.cnblogs.com/nidongde/p/6189516.html
内容总结
以上是互联网集市为您收集整理的[转] Android 4.4中播放HTML5视频<video>的Bug全部内容，希望文章能够帮你解决[转] Android 4.4中播放HTML5视频<video>的Bug所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。