有沒有一種簡單的方法可以讓FancyBox和Video JS在燈箱中自動播放電影？

花式盒：http://fancybox.net/有沒有一種簡單的方法可以讓FancyBox和Video JS在燈箱中自動播放電影？

視頻JS：http://videojs.com/

影響我要去爲：http://flowplayer.org/demos/tools/overlay.html點擊「打開視頻疊加」。

我想在FancyBox和Video JS for HTML 5 video w/flash fallback中做到這一點。有沒有辦法設置，當窗口打開時，我們可以讓它自動播放HTML 5視頻？

亞當

來源

2011-10-07 Snow_Mac

如何將視頻JS生成的HTML代碼直接添加到Fancybox？ – Raptor

facny盒將允許，因爲它的內容，據我知道，是實現您與指定的工具叫什麼的唯一方法您加載一個iframe

<script type="text/javascript" charset="utf-8"> 
$(document).ready(function() { 
    $("#image").live('click',function(){ 
     $.fancybox({ 
     'width'    : '75%', 
     'height'   : '75%', 
     'autoScale'   : true, 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none', 
     'type'    : 'iframe', 
     'href'    : 'video.html' 
     }); 
    }); 
}); 
</script> 

<div id="wrapper"> 
    <div id="image"> 
     <img height='480px' src='images/image.jpg'> 
    </div> 
</div>

而且您的video.html頁面需要具有videojs代碼，因爲此代碼適用於我使用的iPad Web應用程序，因此我只在示例中提供了該視頻的mp4版本。注意視頻標籤中的自動播放參數。

<!-- Begin VideoJS --> 
    <div class="video-js-box"> 
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody --> 
    <video id="example_video_1" class="video-js" width="100%" height="95%" controls="controls" preload="auto" autoplay poster="images/image.jpg"> 
     <source src="video/videoSource.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
     <!-- Image Fallback. Typically the same as the poster image. --> 
     <img src="images/image.jpg" width="640" height="264" alt="Poster Image" 
     title="No video playback capabilities." /> 
     </object> 
    </video> 
    </div> 
    <!-- End VideoJS -->

來源

2011-10-14 15:45:43

注意：從jQuery 1.7開始，on（）http://api.jquery.com/on/替換live（）http://api.jquery.com/live/ –

有沒有一種簡單的方法可以讓FancyBox和Video JS在燈箱中自動播放電影？

回答

相關問題