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

前端技术 2023/09/08 JavaScript

先上效果图

完整代码如下

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>一只小蜜蜂，飞在花丛中</h1>
<h2>左飞飞，右飞飞，剪刀、石头、布</h2>
<h2>请使用<a href=\"http://keleyi.com/a/bjac/g039tue3.htm\">支持HTML5的浏览器</a>查看本页。<a href=\"http://keleyi.com/a/bjad/s11hwa0d.htm\">原文</a></h2>
</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>

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

本文地址：https://www.stayed.cn/item/22820

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案