0

三部構成の質問...

サイトの HTML 5 ビデオ背景にhttp://syddev.com/jquery.videoBG/index.htmlを使用しています。完璧に動作します！ただし、追加したい追加機能がいくつかありますが、それを引き出す方法がよくわかりません。

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 で行われますか? これをビデオに追加するにはどうすればよいですか?実際にファイル サイズを小さくすることはできますか?

ありがとう！！！

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 に答える