Возможность добавления и просмотра видео с Youtube

Михаил Попов    29.10.2015 09:45    Модели , Практикум Django     нет комментариев

Как добавить видео с YouTube на сайт

Исходя из планов по улучшению контента, изменил страницу первоначального практикума по добавлению страниц с базами данных. Сделал реальное добавление и возможность просмотра видеофайлов с Youtube. Для этого немного изменил модель и воспользовался возможностями Bootstrap для открытия модального диалога. Не обошлось и без Javascript, в частности jQuery. Результат можно посмотреть тут:http://practice.keyfire.ru/info/video/. Изменения на сайте практикума:

Модуль models.py

class Video(models.Model):  # Видео
    class Meta:
        db_table = 'app_info_video'
        ordering = ['-date']

    # Описание модели
    title = models.CharField(verbose_name='Заголовок', max_length=200)
    description = models.TextField(verbose_name='Описание', blank=True)
    date = models.DateTimeField(verbose_name='Добавлено')
    thumbnail = models.CharField(verbose_name='Эскиз', max_length=200, default='')
    video_url = models.CharField(verbose_name='URL видео', max_length=200, default='')

Добавлены новые поля для возможности проигрывания видео с Youtube:

  • thumbnail - адрес эскиза картинки Youtube
  • video_url - адрес видео с Youtube
  • ordering = ['-date'] - для упорядочивания видео по дате добавления

Шаблон video.html

Подробно рассматривается в группе Google Python + Django framework 1,7; 1,8; 1,9 - школа В. Бовсуновского. - только для пользователей spb-tut.ru Добавлена возможность проигрывать видео в модальном окне, для этого:

  • Добавлен модальный диалог из Bootstrap3.
  • Добавлен скрипт, который при закрытии видео очищает поле и заново его устанавливает. Без этого скрипта видео не будет останавливаться при закрытии модального диалога. В скрипте используются события Bootstrap3, обрабатываемые с помощью jQuery.

Социальные кнопки Отличненько, поборол создание форм

0     0

blog comments powered by Disqus