漏刻有时数据可视化大屏常见问题(16)：视频背景快速加载及展示的解决方案

    <!-- 视频背景 -->
    <div id="video_wrapper">
        <video autoplay muted loop>
            <source src="http://heart.***.net/zhibo002.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>

#video_wrapper {
    margin: 0;
    padding: 0
}
#video_wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -999;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.5;
    transform: translate(-50%, -50%)
}