如何在頁面加載10秒後通過自動播放啓動YouTube視頻？

-3

你好我想在頁面加載完成後10秒後自動播放youtube視頻。有沒有辦法做到這一點的jQuery或JavaScript。我想在wordpress網站上做到這一點。開發站點鏈接： -如何在頁面加載10秒後通過自動播放啓動YouTube視頻？

http://www.mediationadvantage.com/（視頻在左邊需要啓動）

請給一些想法或顯示上的jsfiddle一些例子。

感謝

來源

2016-02-28 Samarth Pathak

退房的工作模式下，該網頁看到這rflow.com/questions/8669702/youtube-delay-auto-start-video – Froodooo

YouTube有一個API來控制玩家。谷歌花了0.5秒。 –

-1

YouTube的參數之一是自動播放，如果你設置autoplay = 1當播放器加載，默認爲0這樣一個

<iframe width="420" height="315" src="http://www.youtube.com/embed/XGSy3_Czz8k"> 
</iframe>

所以我的想法是添加此視頻會自動播放參數autoplay=1連接，但10秒後使用setTimeout函數，在這裏推出

setTimeout(function() { 
 
    var url = $('iframe').attr('src') 
 
    url = url+'?autoplay=1'; 
 
    $('iframe').attr('src', url) 
 
}, 2000); // 2000 = 2s, 10s= 10000

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<iframe width="420" height="315" 
 
src="http://www.youtube.com/embed/XGSy3_Czz8k"> 
 
</iframe>

看到這個PEN

來源

2016-02-28 11:35:19 Gintoki

感謝男人，它出來了 –

您可以添加的embeding框架沒有任何查詢參數。

<iframe id="videoframe" width="560" height="315" src="https://www.youtube.com/embed/EuaYIttIowY" frameborder="0" allowfullscreen></iframe>

然後你就可以在JavaScript中創建一個函數來改變iframe標籤

function autoPlayVideo() { 
    var videoframe = document.getElementById('videoframe'); 
    videoframe.src = videoframe.src + '?rel=0&autoplay=1'; 
}

的財產「SRC」，然後你可以再補充一個簡單的線條，設置超時時間爲10秒

HTTP：// stackove

setTimeout(autoPlayVideo(), 10000);

請在此fiddle

來源

2016-02-28 11:43:19 Technacron

謝謝你，你的代碼也工作 –

感覺困惑！爲什麼我的回答得到-1，同時它也適用於lolx – Technacron

如何在頁面加載10秒後通過自動播放啓動YouTube視頻？

回答

相關問題