jQuery实现视频作为全屏幕背景

先上效果图

完整代码如下

复制代码代码如下：doctype html html hearteta charset=' utf-8 ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '标题如何使用框架制作全屏幕背景的嵌入mp4-柯乐义/title meta name=' description ' content='柯乐义使用框架制作全屏幕背景的嵌入视频/meta name=' author ' content=' Keleyi '/link rel='样式表http://Keleyi。com/Keleyi/phtml/jqtexio/28/CSS/style。CSS ' link rel='样式表http://Keleyi。com/Keleyi/phtml/jqtexio/28/大视频/CSS/大视频。CSS '/流头dydiv class=' main ' div id=' overview ' class=' box '一只小蜜蜂，飞在花丛中/h1h2左飞飞，右飞飞，剪刀、石头、布/h2h2请使用乐可易。com/a/bjac/g 039 tue 3。' htm '支持HTML5的浏览器/a查看本页凯利。com/a/bjad/S11 hwa 0d。' htm '原文/a/h2 /div/div！-big video Dependencies-script src=' http :http://乐可易。com/乐可yi/pmedia/jquery/jquery-2。1 .1 .量滴js '/script script src=' http :http://乐可易。com/乐可伊/phtml/jqtexao/28/jquery-ui。量滴js '/script script src=' http :3358乐可易。com/乐可易-BigVideo-script src=' http :http://乐可易。com/yi/phtml/jqte Xiao/28/Bigvideo/lib/Bigvideo。js '/脚本！-Demo-script $(function(){ var BV=new $).大视频()；bv。init()；bv。显示(' http://向下。凯利。com/files/keley。MP4 '，{ dolop : true })；});/脚本/正文/html

小伙伴们记得要使用支持html5的浏览器来查看本特效哦。