在bootstrap模式中播放youtube視頻

Question

我需要將視頻放入div中，並且在您單擊播放按鈕時，此視頻將在屏幕中心的模式視頻中打開。這是示例http://www.jqueryscript.net/demo/Youtube-Video-Modal-with-jQuery-Bootstrap-3-YTModal/這應該如何工作。

我有以下HTML代碼：

<div class="news-bar-content"> 
    <div class="news-bar-items"> 
    here should be video from youtube 
    </div> 
</div> 

Answer 1

Ytmodel幫助您在彈出頁面的中心， 做這個播放YouTube介紹用戶。你將不得不在引導中嵌入引導3，jquery，javascript。 `=

Load the jQuery YouTubeDefaultImageLoader.js plugin's JavaScript and CSS files in the document.

` 嵌入的Youtube視頻到您的文檔如下。您可以使用DIV的ID屬性來指定要嵌入的Youtube視頻的ID。

<div id="y73mJZdMEcw"class="youtubeVideoLoader"></div> 

現在只要有人點擊div class ='youtubevideoloader，視頻窗口就會出現在你想要的屏幕上。