帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js

最新推荐文章于 2024-04-19 09:30:26 发布

转载最新推荐文章于 2024-04-19 09:30:26 发布 · 98 阅读

文章标签：

本文介绍了一款名为BigVideo.js的jQuery插件，它可以帮助开发者轻松地在网页上添加超棒的全屏视频背景，提升用户体验。通过简单的API调用，可以实现播放视频列表、自适应视频背景等功能，甚至在不支持自动播放的情况下提供备选方案。

日期：2012-9-5 来源：GBin1.com

是不是厌倦了千篇一律的图片为背景的网站，无论你怎么美化，或者是添加炫酷的特效，图片依旧是图片。永远无法让你的页面真正的活跃起来。

在今天我们介绍的这款jQuery插件 - bigvideo.js，绝对能够让你轻松的添加超棒的全屏视频背景，让你的用户体会不一样的感受。相信你们肯定会喜欢！

导入需要的类库：

<!-- BigVideo Dependencies --&gt

如果需要展示视频背景：

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show('http://video-js.zencoder.com/oceans-clip.mp4');
});

如果需要安静的展示多个视频背景：

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show(['vid1.mp4','vid2.mp4','vid3.mp4'],{ambient:true});
});

如果不支持自动播放的话，使用如下fallback，需要modernizr的支持：

var BV = new $.BigVideo();
BV.init();
if (Modernizr.touch) {
    BV.show('video-poster.jpg');
} else {
    BV.show('video.mp4',{ambient:true});
}

是不是很棒，希望大家有机会能够在自己的网站中应用这个插件！

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/8288/viewspace-742789/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/8288/viewspace-742789/