2

ファンシーボックスで再生する必要があるビデオを含むiframeを作成しました。コードは次のとおりです。

<a id="playLink" href="#pageVideo">Link for video   </a>

    <div style="display:none">
      <div id="pageVideo">
       <iframe src="someVideo.mp4?autoplay=true" style="overflow:auto" frameborder="0" height="400" width="650"></iframe></div>
    </div>

$('#homePlayLink').fancybox({
    'padding' : 0,
    'width' : 560,
    'height' : 400        
});

問題は、Chrome ビデオがページの読み込み時に再生を開始することです。表示なしのdivなので見えませんが音声は聞こえます。リンクをクリックした後、ファンシー ボックスでのみビデオが再生されるようにするにはどうすればよいですか?

ありがとう。

4

1 に答える 1

1

iframe src には autoplay = true パラメータがあります。これが、ページの読み込み時に自動再生される理由です。

iframe src を空白のページに向けてから、fancybox が開いたときに href を上書きするのはどうですか?

$("#tip4").click(function() {
  $.fancybox({
        'padding'       : 0,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'title'         : this.title,
        'width'     : 680,
        'height'        : 495,
        'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
        'type'          : 'swf',
        'swf'           : {
             'wmode'        : 'transparent',
            'allowfullscreen'   : 'true'
        }
  });
  return false;
});

http://fancybox.net/blog セクション 4: YouTube クリップを表示するをご覧ください。

于 2012-08-31T16:47:33.597 に答える