視頻自動播放顯示沒有分區

Question

我有一個視頻iframe需要播放fancybox。 下面是代碼：

<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視頻開始在網頁加載播放。因爲它沒有顯示，所以我沒有看到它，但我聽到了音頻。如何解決這個問題，所以視頻只能在花哨的框中播放點擊鏈接後？

謝謝。

Answer 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片段。