Исходя из планов по улучшению контента, изменил страницу первоначального практикума по добавлению страниц с базами данных. Сделал реальное добавление и возможность просмотра видеофайлов с Youtube.
Для этого немного изменил модель и воспользовался возможностями Bootstrap для открытия модального диалога. Не обошлось и без Javascript, в частности jQuery.
Результат можно посмотреть тут:
Модуль 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- Добавлен модальный диалог из Bootstrap3.
- Добавлен скрипт, который при закрытии видео очищает поле и заново его устанавливает. Без этого скрипта видео не будет останавливаться при закрытии модального диалога. В скрипте используются события Bootstrap3, обрабатываемые с помощью jQuery.