Варианты вставки видео youtube на django сайт.

    blazer |   17.05.2016 |   15:21:52 |   Django |

В этой статье будет подробно рассмотрены методы по вставке видео с ютуба на свой сайт под управлением django.

Вставлять видео можно разными способами как напрямую стразу в код разметки шаблона, из аминки путем установки дополнительного приложения, так и с помощью визуального редактора.

Каждый способ хорш по своему и прекрасно работает, но думаю, что вы выберите себе один подходящий и будет пользоваться им всегда.

 

Варианты добавления видео:

  1. Напряму - сразу в код шаблона
  2. С помощью визуального редактора
  3. С помощью внешнего приложения 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 и сохраняете

Все!

Ваши комментарии

Комментарии могут оставлять только зарегистрированые пользователи!

Disqus - комментарии

blog comments powered by Disqus