1. 没有指定video标签的宽度和高度,或者指定的宽度和高度不正确;
2. 没有指定video标签的src属性,或者指定的src属性不正确;
3. 没有指定video标签的type属性,或者指定的type属性不正确;
4. 没有指定video标签的controls属性;
5. 浏览器不支持video标签;
6. 视频文件的编码格式不正确;
7. 视频文件的编码格式不支持;
8. 视频文件的编码格式不兼容;
9. 视频文件的编码格式不完整;
10. 视频文件的编码格式不正确,或者视频文件的编码格式不支持。
因此,如果video标签在手机上打开是白屏,建议您检查以上几个原因,以便找到问题的根源,并解决问题。
使用双缓冲机制解决白屏。以下代码实现了双缓冲绘图机制:var container=document.getElementById("container")var realCanvas=document.createElement("canvas")realCanvas.width=container.clientWidth*2realCanvas.height=container.clientHeight*2realCanvas.style.width=container.clientWidth+"px"realCanvas.style.height=container.clientHeight+"px"container.appendChild(realCanvas)var cacheCanvas=document.createElement("canvas")cacheCanvas.width=container.clientWidth*2cacheCanvas.height=container.clientHeight*2var realContext=realCanvas.getContext("2d")var cacheContext=cacheCanvas.getContext("2d")cacheContext.fillRect(0,0,100,100)输入之后之后,一般的图形都不会在出现HTML5-canvas白屏的现象了。
html5移动端web页面,和app看起来,其实没多大区别web移动端 和 app最大的区别在于:
h5web页面的本质还是网站,网站页面跳转会有白屏(页面加载/渲染中..)
而app,跳转是没有白屏的,不需要加载/渲染页面,只需要加载数据资源,
听起来好像没多大区别,如果网速快,确实没什么区别
网速不足时,app的优势就体现出来了,
所以说,主要还是app的用户体验更好一些。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)