| 123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>海昏侯虚拟漫游视频</title>
- <!-- Chang URLs to wherever Video.js files will be hosted -->
- <link href="video-js.css" rel="stylesheet" type="text/css">
- <!-- video.js must be in the <head> for older IEs to work. -->
- <script src="video.js"></script>
- </head>
- <body>
- <body>
- <div id="mydiv">
- <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="800" height="600"
- poster="http://7xo6he.com1.z0.glb.clouddn.com/images/images55/home.jpg"
- data-setup="{}">
- <source src="http://7xo6he.com1.z0.glb.clouddn.com/hhh5.mp4" type='video/mp4' />
- </video>
- </div>
- <div style=" text-align: center;"><p id="textp" >您当前的系统需要升级方可体验虚拟漫游</p></div>
- <script type="text/javascript">
-
- var mydiv = document.getElementById("mydiv");
- var mydiv_resize = function() {
- mydiv.style.marginLeft = (document.body.clientWidth - 800) / 2+"px";//100为mydiv的宽度
- }
- mydiv_resize();
- window.onresize = mydiv_resize;
- </script>
- </body>
- </body>
- </html>
|
