html - 忽略HTML 5视频和随机视频加载

Question

三部分问题...

我在网站上将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_每次加载网站时，我希望加载不同的随机视频。在第一个视频播放完成后，甚至还可以播放新的视频？
示例...刷新页面后，此站点将加载其他视频(cab-time.com)

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

谢谢!!!

Answer 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添加到属性中