埋め込みプレーヤーでのVimeoプレロール広告

Question

ウェブページ上の映画にプレロールムービー広告を掲載するためのアプリケーションを作成するためのアイデアが必要です。広告映画や映画はVimeoでホストされています。

私はVimeoプレーヤーAPIを使用しようとしましたが、問題が1つあります。私のアプリはイベント "再生"を聞いてから広告が始まりました。しかし、広告が開始される前に、メイン・ムービーの1つまたは2つのフレームが表示されました。だからアプリは広告を開始するのを少し待つ必要があった。

特に、ポスター画像がメインビデオの先頭にあるときに、それは悪いと思っていました。

私はそれを修正する方法を知らなかった。

<script> 
    var iframe = document.querySelector('iframe'); 
    var player = new Vimeo.Player(iframe); 
    var a = 1; 
    function playAd() { 
     if (!a) return; 
     a = 0; 
     player.pause(); 
     player.loadVideo(41540648); 
     player.on('loaded', function() { 
      player.play(); 
     }); 
    } 
    var b = 1; 
    function playMovie() { 
     if (!b) return; 
     b = 0; 
     player.loadVideo(63723953); 
     player.on('loaded', function() { 
      player.play(); 
     }); 
    } 
    player.on('play', playAd); 
    player.on('ended', playMovie); 
</script> 

Answer 1

私はあなたのコードの魔女が（私のbroswerに）適切に動作するようです試してみました：次のように

私のコードでした。

しかし、あなたのメインムービーの最初の部分でいくつかの画像が欠落しているかどうかを知ることは難しいです。次のもの（ウォーターマークなど）と区別するものはありません。テストに適したビデオはありません）。

ファンクションplayMovie()にをplayer.play();の直前に追加すると、palyerが0から再生を開始することがあります。

違いはありませんが、特に映画の最初の画像が次の画像と異なる場合は、そうすることができます。

これはハックのようなものですが、それはあなたのために動作する場合はまだ何よりも優れています。

PS：私は最近、私のビデオのOutro設定が最初に設定されているときに問題がある、または少なくとも私は問題があることを認識しました。 （see details on vimeo forum）

PS2：私の実際の散歩は、周りに「何もない」とsetCurrentTime（0.1）にアウトロ設定を設定するためにされているが、それは私がVimeoのから

乾杯