0

三部分问题...

我在我的网站上使用http://syddev.com/jquery.videoBG/index.html作为 HTML 5 视频背景。完美运行！但是我有一些额外的功能我想添加，但不太确定如何实现它。

1_ 我想添加一个按钮来静音/取消静音。我不擅长 jquery，所以我正在寻找的是我需要添加到现有代码中以实现它，以及我需要放在我想要实际按钮去的地方的东西。我猜我需要添加一些静音选项...

    $('.bg').videoBG({
    position:"fixed",
    zIndex:0,
    mp4:'_video/ClimbBG.mp4',
    ogv:'_video/ClimbBG.ogv',
    webm:'_video/ClimbBG.webm',
    poster:'_images/ClimbBG.jpg',
    opacity:1,
    fullscreen:true,

});

然后在我想要按钮的地方有一些功能/代码？

2_我希望每次加载网站时都有不同的随机视频加载。甚至可能在第一个完成后播放新的视频？示例...此站点在页面刷新时加载不同的视频 (cabine-time.com)

3_ 不是很重要，但我注意到很多使用视频背景的人在视频中都有小点（cabin-time.con 就是一个例子）。我猜这是为了减小文件大小？最有可能在 Final Cut 中完成？如何将其添加到我的视频中，它真的可以减小文件大小吗？

谢谢！！！

4

1 回答 1

1

不幸的是，VideoBG 不支持静音，所以你不能只是'添加静音选项'，你需要自己制作。

这里有一些让你开始的要点，编辑 videoBG.js，添加一个“静音”属性（http://syddev.com/jquery.videoBG/jquery.videoBG.js）

......
// video element
    var $video = $('<video/>');
    $video.css('position','absolute')
        .css('z-index',options.zIndex)
        .attr('poster',options.poster)
        .attr('muted',options.muted)
        .css('top',0)
        .css('left',0)
        .css('min-width','100%')
        .css('min-height','100%');
 .......
 // these are the defaults
$.fn.videoBG.defaults = {
        mp4:'',
        ogv:'',
        webm:'',
        poster:'',
        autoplay:true,
        loop:5,
        sclae:false,
        position:"absolute",
        opacity:1,
        textReplacement:false,
        zIndex:0,
        width:0,
        height:0,
        muted:false

现在您可以添加muted:true到您的属性

于 2012-07-10T07:52:38.840 回答