Html css play /點擊圖片後啓動youtube視頻

我在學習html和css以及css3。Html css play /點擊圖片後啓動youtube視頻

我需要創建播放YouTube視頻。爲此，我提出了一個疑問，

僅在使用html和css或css3單擊圖像後是否有任何可能運行youtube視頻？

任何人都可以請指導我嗎？

<iframe src="http://www.youtube.com/embed/W7qWa52k-nE" 
    width="560" height="315" frameborder="0" allowfullscreen></iframe>

來源

2015-01-21 selva

所以你的問題是，「有沒有辦法實現。當你點擊一個圖像，該圖像變成一個YouTube視頻播放開始？ – PourMeSomeCode 2015-01-21 10:34:34

通常你必須使用這裏的JavaScript http://stackoverflow.com/questions/17129455/click-overlay-div-to-play-youtube-video?rq=1 – schlenger 2015-01-21 10:35:45

是@CharlesAnthonyBrowne：我的目標是實現只使用HTML和CSS。所以我問這個關於播放視頻的問題。 – selva 2015-01-21 10:38:52

不，這不可能只用HTML/CSS。您需要使用JavaScript並致電YT-iFrame-API。

例碼：

$('body').on('click', '.youtubeImage', function() { 
    callYoutubeApi(); 
});

來源

2015-01-21 10:35:41 roNn23

你確定嗎？.. @ roNn23 – selva 2015-01-21 10:56:55

是的，roNn23寫的是絕對正確的。 @selva – Jordy 2015-01-21 10:58:08

是的，我很確定。那麼，你不必使用API，因爲你也可以使用其他一些技術（如http://stackoverflow.com/questions/17129455/click-overlay-div-to-play-youtube-video?rq= 1），但我不會推薦這個。 – roNn23 2015-01-21 11:08:30

Html css play /點擊圖片後啓動youtube視頻

回答

相關問題