html页面如何添加video不阻塞页面渲染？

Question

目前有个情况，在html页面存在video标签的时候，页面会由于长时间下载video从而导致页面加载超时，默认设置10s渲染时间，如果页面没有渲染完成会认为超时，如何在页面渲染完成之后即页面首先展示出来了，再去请求video。

Answer 1

用 js 去创建一个 video 标签丢进去。

Answer 2

append进去

Answer 3

js 监听加载，加载好了就显示，没加载好之前用其他元素标签替换

Answer 4

用jq大概就是这样, 先不要给video标签添加src属性:

$(function(){
$("#video1").attr("src","xxxx");
})

这个会在所有元素加载完毕(不包括图片)后执行,

Answer 5

我很怀疑这个问题是否存在。浏览器是异步渲染的，对图片、声音、视频均是如此，标签的渲染和内容的加载分开进行，加载内容不影响标签渲染（比如“楼主图裂了”）。所我怀疑题主的真正问题不是 <video> 里视频加载慢造成的，或者就是题主描述不对。