JQuery implements video as the full screen background and jquery full screen background
First
The complete code is as follows:
Copy codeThe Code is as follows:
<! Doctype html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta http-equiv = "X-UA-Compatible" content = "IE = edge, chrome = 1">
<Title> How to Use jQuery to embed a full screen background mp4-ke leyi </title>
<Meta name = "description" content = "Ke leyi uses jQuery to create a full-screen background embedded video"/>
<Meta name = "author" content = "Keleyi"/>
<Link rel = "stylesheet" href = "http://keleyi.com/keleyi/phtml/jqtexiao/28/css/style.css">
<Link rel = "stylesheet" href = "http://keleyi.com/keleyi/phtml/jqtexiao/28/BigVideo/css/bigvideo.css">
</Head>
<Body>
<Div class = "main">
<Div id = "overview" class = "box">
<H1> A little bee flying in the flowers <H2> flying left, flying right, scissors, stone, cloth <H2> use a browser that supports HTML5 to view this page. <A href = "http://keleyi.com/a/bjad/s11hwa0d.htm"> original </a> </Div>
</Div>
<! -- BigVideo Dependencies -->
<Script src = "http://keleyi.com/keleyi/pmedia/jquery/jquery-2.1.1.min.js"> </script>
<Script src = "http://keleyi.com/keleyi/phtml/jqtexiao/28/jquery-ui.min.js"> </script>
<Script src = "http://keleyi.com/keleyi/phtml/jqtexiao/28/video.js/video.js"> </script>
<! -- BigVideo -->
<Script src = "http://keleyi.com/keleyi/phtml/jqtexiao/28/BigVideo/lib/bigvideo.js"> </script>
<! -- Demo -->
<Script>
$ (Function (){
Var BV = new $. BigVideo ();
BV. init ();
BV. show ('HTTP: // down.keleyi.com/files/Keleyi.mp4', {doLoop: true });
});
</Script>
</Body>
</Html>
Remember to use a browser that supports html5 to view this special effect.