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

 
0
 
Python | JavaScript | Дизайн | jQuery
Исходя из планов по улучшению контента, изменил страницу первоначального практикума по добавлению страниц с базами данных. Сделал реальное добавление и возможность просмотра видеофайлов с 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.
Об авторе
KeyFire

Программирую, Воспитываю, Учусь


Дата публикации: 11.11.2015. Просмотров: 296
Комментарии (2)
ava
vmaster36 | 12.01.2016, 16:35 #
Статья прям в тему пошла. Молоток!
ava
rutopy | 16.06.2016, 10:37 (Отредактирован 16.06.2016 10:38) #
Все давно придумано до нас https://github.com/ko1es/django-youtubefield  
Зарегистрируйтесь или войдите, чтобы написать.
Фирма дня
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Участники
advanced
Отправить