静音HTML 5视频和随机视频负载

我使用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_我想每次加载该网站时都有不同的随机视频加载。第一个完成后，甚至可能会有新的视频播放？示例...此网站在刷新页面时加载不同的视频（cabin-time.com）

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

谢谢！

来源

2012-07-09 LPAOriginal

不幸的是，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-10 07:52:38

我添加了所有上面的^代码。还是行不通。我对.js真的很陌生。当你说我需要自己做，你是说我必须写出一些调用muted属性的js函数吗？ – LPAOriginal 2012-07-10 15:55:29

如果你想避免编码，尝试添加'controls'，就像你添加'静音'，看看这是否足够。否则，你需要编写js（添加一个按钮，添加一个'on_click'处理程序，让处理程序更改视频设置等），而不仅仅是一个Stackoverflow问题 - 你至少需要学习一些js。 – 2012-07-12 07:01:50

静音HTML 5视频和随机视频负载

回答

相关问题