php - 单击相关单词时将视频加载到页面

Question

我需要开发这种应用程序，我正在使用php和mysql

首先，我在数据库中查询单词(单词表)，然后使用这些单词填充页面上的列表，该列表将显示给最终用户，当用户单击该列表上的单词之一时，在页面右侧的视频应根据单击的单词开始播放，该视频的链接存储在 mysql 数据库中，位于我之前提到的同一个表(单词表)中。

请帮我完成这个任务吗？如果我可以在不刷新页面(使用ajax)的情况下做到这一点，那就更好了？

问候，兰加纳

Answer 1

这是我如何做到这一点的快速“骨架”。

1. 我首先会用这样的方法查询数据库

   $res = mysql_query("SELECT id, title FROM videos ORDER BY title ASC");
   

2. 然后创建列表

   echo '<ul>';
   while ($row = mysql_fetch_array($res))
         {
         echo '<li id="link_'.$row['id'].'">'.$row['title'].'</li>';
         }
   echo '</ul>';
   

3. 然后通过 JS 中的 AJAX 调用创建一个包含视频 id 和 URL 的数组

4. 最后将一些点击事件绑定(bind)到链接

   例如使用 JQuery(请参阅 running demo)

   $("[id^=video_]").click(function(){
       var id=this.id.split("_")[1];
       alert("You clicked on video "+id);
       });
   

显然，您不需要执行警报，而是从第 3 点中构建的数组中找出相应的 URL，然后将其显示在 HTML 中。

编辑:

要嵌入视频，您可以使用动态生成的 object 标记。

另一个实例here (我链接到那里的 Youtube 视频，但想法与本地文件相同)