Варианты вставки видео youtube на django сайт.
В этой статье будет подробно рассмотрены методы по вставке видео с ютуба на свой сайт под управлением django.
Вставлять видео можно разными способами как напрямую стразу в код разметки шаблона, из аминки путем установки дополнительного приложения, так и с помощью визуального редактора.
Каждый способ хорш по своему и прекрасно работает, но думаю, что вы выберите себе один подходящий и будет пользоваться им всегда.
Варианты добавления видео:
- Напряму - сразу в код шаблона
- С помощью визуального редактора
- С помощью внешнего приложения django-embed-video
Приступаем к первому варианту.
Заходим на ютуб и выбираем нужно видео, под видео есть кнопка поделится - нажимаем ее, далле нажимает HTML-код и копирум ссылку.
Открыаем свой шаблон в редакторе и вставляем эту ссылку в нужно место где хотим чтоб было видео.
Второй варинт с использованием визуального редактора.
- Так же копируем ссылку как и в первом варианте, заходим в админку на своем сайте и в визуальном редакторе нажимаем на кнопку "Источник" и вставляем нашу ссылку - сохраняем и видим, что на сайте появилось наше видео.
- Еще вариант вставки видео с визуального редактора через кнопку "iframe". Тут есть маленький ньанс. Вставляем ссылку без "iframe" в поле ссылка как показано на картинке и задаем фиксированую ширину и высоту окна видео.
Третий вариант вставки видео через внешнее приложение django-embed-video
Устанавливаем приложение django-embed-video
В settigs.py добавляем
INSTALLED_APPS = (
...
'embed_video',
)
TEMPLATE_CONTEXT_PROCESSORS = (
...
'django.core.context_processors.request',
)
В свою модель добавляем поле
video = EmbedVideoField(blank=True, verbose_name='Видео')
и не забываем сделать импорт приложения в свою модель и выполнить миграцию в базу данных!
from embed_video.fields import EmbedVideoField
В шаблоне добавляем тег
{% load embed_video_tags %}
выводим ссылку на видео таким образом
{% if te.video %}
<iframe width="560" height="315" src="{{ te.video }}" frameborder="0" allowfullscreen></iframe>
{% endif %}
только переменную которая получает все записи из базы данных в моем случае это te меняете на свою и подставляете к ней video.
В админке в поле видео вставляете ссылку на видео такого плана https://www.youtube.com/watch?v=SrtOjKlRBdk и сохраняете
Все!
Ваши комментарии
Комментарии могут оставлять только зарегистрированые пользователи!