靜音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視頻和隨機視頻負載

回答

相關問題