在bootstrap模式中播放youtube视频

时间:2016-10-05 15:24:59

标签: jquery html twitter-bootstrap-3

我需要将视频放在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>

1 个答案:

答案 0 :(得分:0)

Ytmodel可以帮助您在弹出的页面中心播放youtube vidoe, 去做这个 。你将不得不在头文件中嵌入bootstrap 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时,视频窗口就会出现在你想要的屏幕上。