js加载视频优化

1.js加载外网需要大概0-1s的时间,这段时间页面会出现空白

$(".video__box").xyPlayer(flashvars);

2.优化方法
在生成video的外部div(也就是class='video__box'的div)修改样式

//外部div加背景图片
video__box{background:url(image.png) center center no-repeat;}

设置div宽高比例与生成视频比例相同。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,842评论 1 92
  • 一、HTML5 1.1 认识HTML5 HTML5并不仅仅只是作为HTML标记语言的一个最新版本,更重要的是它制定...
    福尔摩鸡阅读 16,157评论 14 51
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,509评论 1 5
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,599评论 1 19
  • 轻煙阅读 338评论 0 0