загрузка видео на страницу при нажатии соответствующего слова

Question

Мне нужно разработать приложение такого типа, я использую php и mysql

сначала я запрашиваю в базе данных слова (таблица слов), затем, используя эти слова, заполняю список на странице, которая отображается для конечного пользователя, когда пользователь нажимает одно из слов в этом списке в В правой части страницы видео должно начинаться воспроизводиться в соответствии с тем, по какому слову кликнули, ссылка на это видео хранится в базе данных mysql, в той же таблице (таблице слов), о которой я упоминал ранее.

помогите, пожалуйста, решить эту задачу? если бы я мог сделать это без обновления страницы (используя ajax), что было бы лучше?

С уважением, Rangana

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. Затем вы создаете массив с идентификаторами и URL-адресами видео через вызов AJAX в JS

4. Наконец, просто свяжите некоторые события клика со ссылками

   Например, с использованием JQuery (см. Запуск демо )

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

Очевидно, что вместо предупреждения вы узнаете соответствующий URL-адрес из массива, который вы создали в точке 3, а затем отобразите его в HTML.

РЕДАКТИРОВАТЬ:

Чтобы встроить видео, вы можете использовать тег object, который будет генерироваться динамически.

Еще один живой пример здесь (я делаю ссылки на Youtube видео, но идея аналогична локальным файлам)