2014-07-22 77 views
0

我想用全屏自動播放在.html頁面上啓動Videoplayer VideoJS。 不知何故「自動播放」不起作用。有沒有人想法?VideoJS在Pageloading上自動播放和全屏

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="true" style="max-width: 90%; margin: 0 auto 0 auto;" 
         width="100%" height="100%" 
    poster="" 
    data-setup="{"controls": true, "autoplay": true, "preload": auto, "customControlsOnMobile": true}"> 
<source src="Z3_Kopf_Web_k.mp4" type='video/mp4' /> 
<source src="Z3_Kopf_Web_k.webm" type='video/webm' /> 
<source src="Z3_Kopf_Web_k.flv" type='video/flv' /> 
<source src="Z3_Kopf_Web_k.ogv" type='video/ogg' /> 
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --> 
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --> 

+0

使用該自動播放預緊=「自動」 –

+0

<視頻ID =「example_video_1」級=「視頻JS VJS默認皮膚」控制預裝=「真正的」自動播放預緊=「自動」>像這個 –

+0

是FullScreen的數據設置中的任何參數? –

回答

0

您可以使用

autoplay preload="auto" 

當你問起全屏這不會是這樣做的可能還是正確的方式,因爲安全性和良好的用戶體驗,瀏覽器只會讓你在用戶觸發的事件內觸發全屏,就像'點擊'一樣。只要您訪問它,就不能讓每個網頁都會全屏顯示,並且您可以讓視頻自動開始播放,這違反了該規則。所以你需要把它移到實際播放按鈕上的'click'處理器上。

Source Here