从动态视频列表中显示Bootstrap模式中的YouTube视频

时间:2014-09-21 05:39:29

标签: javascript php jquery twitter-bootstrap youtube

我正在使用Bootstrap 3创建一个应用程序,其中将有一个动态的视频列表及其TITLE和Description。 用户将通过PHP文件看到来自数据库的视频列表,如: enter image description here

当用户点击任何一个视频链接时, 将出现一个MODAL,其中包含特定的链接和视频。 视频将通过Youtube。我正在使用Youtube iframe

enter image description here

<iframe width="530" height="315" src="//www.youtube.com/embed/<?php echo $link;?>" frameborder="0" allowfullscreen></iframe>

其中 $ link 应替换为来自数据库的YouTube网址。

我的数据列表来自数据库,使用以下代码:

<div class="feed_text">

                    <?php
                                      $get_data=mysql_query("SELECT * FROM data");
                                      while ($row=mysql_fetch_array($get_data))
                                    {  
                                      $title = $row[01];
                                      $content = $row[02];
                                      $link = $row[03];
                    ?>

                    <h3> <?php echo $title;?> </h3>                                             <!-- Title Displayed here -->
                    <p> <?php echo $content;?> </p>                                         <!-- Content Displayed here -->
                    </div>

然而,当我点击MODAL时,即使我点击列表中的任何链接,我也只能获得第一个链接视频。但我想要合适的视频。

感谢任何建议或帮助。

0 个答案:

没有答案