Как добавлять кино на сайт


Как создать онлайн кинотеатр. Часть 4. Создание категорий, добавление фильма

Здравствуйте дорогие друзья, читатели и просто посетители блога. Сегодня будет предпоследний урок по созданию онлайн кинотеатра. Мы с Вами проделали достаточно много работы: установили движок, познакомились с его структурой и проделали некоторые настройки, поменяли дизайн, ознакомились со структурой шаблона и убрали из него все лишнее. Нам осталось только добавить категории, добавить на сайт парочку свежих фильмов, и определится через какой сервис их транслировать. В последнем уроке мы защитим сайт от спама и взлома, и уже через урок будем приступать к раскрутке нашего онлайн портала.


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

Сегодня мы создадим новые категории (жанры кино), добавим на сайт несколько фильмов и определимся с сервисом, через который будем транслировать видеоролики. Для начала мы создадим категории и прикрутим их к шаблону. Дело в том, что при создании шаблона, по умолчанию в его стилях уже прописаны категории или жанры фильмов. Пользователь видит эти категории, но зайти в них не может, так как ссылки на них в шаблоне не прописаны. Поэтому сначала нам нужно создать эти категории, а после в файле шаблона прописать ссылки на них. На первый взгляд это может оказаться непонятным, но посмотрев этот видео-урок, Вы поймете, что не так все сложно как кажется на первый взгляд. Приятного просмотра:

Добавление новости

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

Для начала удалим стандартные новости движка. Зайдите в админку, раздел “редактировать новости”:

Отметьте галочкой все новости, выберите действие “удалить” и нажмите “Выполнить”. Теперь, когда стандартные записи были удалены, можно переходить к добавлению фильмов.

Чтобы добавить новость на данном движке, нужно зайти в админку и перейти в раздел “Добавить новость”. Перед Вами откроется страница добавления новости:

Как вы могли заметить, здесь есть два поля: короткая новость и полная новость. Короткая новость выводится на главной странице сайта в виде анонса статьи. Нажав на кнопку “Далее” человеку откроется уже  полная новость. Такой вот аналог тега «!—more—» что на wordpress.

Также на этой странице есть поле для ввода заголовка и список категорий, в которые мы можем добавить новость. Дата публикации определяется автоматически.  Ну и конечно здесь есть вкладки опрос, дополнительно и доступ, но про них позже.

В краткую новость я обычно пишу информацию о фильме (название, оригинальное название, год выпуска, жанр и т.д.) и вставляю постер, а в полной новости пишу описание к фильму, вставляю трейлер и сам фильм. Для этой статьи я взял за пример фильм “Неудержимые 2”.

В графу “Заголовок статьи” я пишу название фильма. Категорию выбираю “боевик” и приступаю к заполнению краткой новости.

Для начала необходимо вставить постер к фильму. Я иду на сайт “Кинопоиск”, ищу нужный фильм, захожу на вкладку “постеры” выбираю постер и скачиваю его на компьютер. Затем нужно загрузить скачанную картинку на сайт. Для этого в админке, в разделе короткой новости я жму на кнопку “Загрузить файлы на сервер”. На панели управления эта кнопка выглядит следующим образом:

После нажатия на кнопку, выскакивает окно, с параметрами загрузки файлов:

В этом окне есть две вкладки: стандартная и массовая загрузка. Мы воспользуемся стандартной загрузкой. Чтобы загрузить картинку с жесткого диска, жмем кнопку “Выбрать файл” и выбираем нужную картинку, а затем кнопку кликаем «загрузить»:

Из выпадающего списка настраиваем выравнивание, отмечаем галочкой наш файл и жмем “вставить выбранное”:

Теперь в короткой новости мы можем видеть загруженную картинку.

После загруженного постера, я пишу информацию о фильме. Чтобы по несколько раз не писать одно и то же, я специально сделал себе вот такой шаблон:

  • [b]Название картины[/b]:
  • [b]Оригинальное название картины[/b]:
  • [b]Страна[/b]:
  • [b]Год выпуска[/b]:
  • [b]Жанр картины[/b]:
  • [b]Режиссерская работа[/b]:
  • [b]В фильме снимались[/b]:

Я просто копирую его в короткую новость и вписываю нужную информацию. Естественно уникальность этой части оставит желать лучшего, но мы поправим это положение уникально составленным описанием. Как вариант можно сделать так: в короткую новость вставить только картинку, а в полную добавить описание, трейлеры и фильм. Решать Вам.

Теперь переходим к заполнению полной новости. Для начала необходимо сделать рерайт описания нужного фильма (уникальность не меньше 90%) и вставить его в полную новость. Затем начинается самое интересное: вставка трейлера к фильму (необязательно) и вставка самого фильма. Способов вставить трейлер существует великое множество, но я выбрал только два: через плеер ютуба (как заработать на ютубе) и через плеер кинопоиска. Разберем отдельно каждый способ.

Вставляем видео на сайт

Вставить трейлер с ютуба достаточно просто. Найдите нужное видео, скопируйте его ссылку из адресной строки браузера и в разделе “Добавить новость” нажмите на следующую кнопку:

После нажатия на кнопку Вы увидите такой код: [media=http://]. После знака “=” вставляете скопированную ссылку. Все трейлер из ютуба на нашем сайте!

Теперь о том, как вставить трейлер через плеер кинопоиска. Зайдите на сайт кинопоиск, выберите нужный фильм и нажмите на ссылку трейлера:

Затем нам нужно добавить трейлер в другие блоги. Нажмите на соответствующую иконку, увидите следующий код:

Копируем то, что находится в тегах «object» — «/objekt» и вставляем в полную новость статьи. Получаем солидный плеер кинопоиска на нашем сайте.

И последним шагом будет вставка самого фильма на сайт. Для начала необходимо определиться через какой сервис мы будем добавлять фильм. В интернете существует большое количество видео-хостингов, где можно взять фильмы. Вот список самых распространенных сервисов:

  • Вконтакте (как вставить плеер контакта на сайт читайте ниже)
  • Kinostok (очень нравится этот плеер, приятный дизайн и быстрая загрузка)
  • Myvi.ru (очень удобный и быстрый плеер)

Вставить фильм с помощью этих сервисов достаточно просто. Копируем html код плеера и вставляем его в полную новость. Вуаля, фильм на сайте. Возможность вставки кода, в плеере указывается таким символом “”.

p.s. Если Вы пользуетесь WYSIWYG редактором, то все html коды вставляете через html редактор:

С плеером контакта дела обстоят немного иначе. Код плеера контакта содержит iframe, который DLE не воспринимает (по крайне мере версии ниже 9.6), и чтобы добавить видео из контакта на наш сайт, нужно провести некоторые манипуляции. Для начала зайдите в админку сайта, и перейдите в раздел “Дополнительные поля новостей”. На открывшийся странице жмем “добавить поле” и заполняем следующее:

  • Пропишите любое название латинскими символами
  • Составьте любое описание этого поля
  • Обязательно поставьте галочку возле “Использовать при желании”
  • Сохраните поле

Половина сделана! Чтобы плеер отображался в новостях, необходимо добавить его в шаблон полной новости. Откройте файл fullstory.tpl (можно через админку) и после тега {full-story} вставляем следующий код:

[xfgiven_vk]<br><iframe src="[xfvalue_vk]" frameborder="0"></iframe>[/xfgiven_vk]

[xfgiven_vk]<br><iframe src="[xfvalue_vk]" frameborder="0"></iframe>[/xfgiven_vk]

В итоге у Вас появится дополнительное поле для вставки фильма:

Чтобы вставить фильм из контакта на сайт, зайдите на любое видео, нажмите поделиться и получить код:

Копируем эту часть кода:

http://vk.com/video_ext.php?oid=120263614&amp;id=163563114&amp;hash=5db6645899458558&amp;hd=1

http://vk.com/video_ext.php?oid=120263614&amp;id=163563114&amp;hash=5db6645899458558&amp;hd=1

И вставляем его в созданное дополнительное поле. Таким образом, мы создали самый быстрый способ вывода видео из контакта.

Если первый способ вставки видео из контакта не работает, тогда поступаем следующим образом:

В полную новость, в нужное место ставим следующий код:

<object frameborder="0" data="ссылка на фильм"></object>

<object frameborder="0" data="ссылка на фильм"></object>

Вместо «ссылка на фильм» вставляем ссылку из кода фильма контакта, которая имеет следующий вид:

http://vk.com/video_ext.php?oid=-20336899&amp;id=162925738&amp;hash=f1a9f063ade8866b&amp;hd=1

http://vk.com/video_ext.php?oid=-20336899&amp;id=162925738&amp;hash=f1a9f063ade8866b&amp;hd=1

Теперь все должно заработать!

Оптимизация новости

Теперь нам осталось прописать теги title, description, keywords и можно смело публиковать новость. Для того чтобы оптимизировать нашу новость, перейдите на вкладку “Дополнительно”:

В поле мета-тег title прописываете заголовок фильма для поисковиков. Включите в него ключевое слово или фразу, по которому хотите продвигаться. Об этом я уже писал в своей статье по поисковому продвижению сайта.

Графа “Описание для статьи” или тот же description. Сюда прописываете краткое описание фильма. Эта информация будет видна в поисковой выдаче.

И в графу “ключевые слова” – прописываете ключевые слова, которые максимально соответствуют Вашей новости.

Также неплохо было бы заполнить поле “ЧПУ URL статьи”. Это поле будет заполнено автоматически при добавлении новости, но можно прописать ссылку и самому, с указанием в ней ключевой фразы.

Вот и все! Новость можно публиковать на сайте. Кстати, если вы захотите добавить к фильму опрос, то при добавлении новости перейдите на вкладку “Опрос” и заполните нужные поля:

Через вкладку “Доступ”, Вы можете указать, какие группы пользователей могут просматривать данную новость.

А на этом наш урок по созданию онлайн кинотеатра подходит к концу. Не забывайте делиться статьей с друзьями через кнопки соц. сетей. И конечно подпишитесь на обновления блога, ведь самое интересное только начинается! Читаем про раскрутку и монетизацию кинотеатра!

Загрузка...

Подпишитесь на обновления блога Life-Webmaster.ru и получайте в числе первых новые статьи про создание блога, раскрутку и заработок на нем!

Как вставить фильм или видео в документ HTML

Обновлено: 31.08.2020, Computer Hope

Вы можете встроить фильм в документ HTML, используя приведенные ниже примеры. Для совместимости мы рекомендуем использовать видеоформат MP4, который поддерживается всеми основными браузерами и операционными системами.

Наконечник

Размещение фильмов на вашем сервере может быть дорогостоящим из-за затрат на полосу пропускания. Альтернативный вариант - разместить видео на YouTube и встроить ссылку на видео YouTube на свою веб-страницу.

Заметка

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

Ссылка на файлы фильмов

В приведенных ниже примерах представлены различные способы сделать видеофайл доступным для просмотра в окне браузера. Мы также рекомендуем создать прямую ссылку для загрузки на файл, которая позволит посетителям загружать файл, если фильм не воспроизводится в браузере. Ниже приведены два примера прямых ссылок на два видеофайла на этой странице.

Робот для дисковода гибких дисков

HTML код

  Робот для дисковода гибких дисков  

IBM Linux коммерческий

HTML код

  коммерческая версия IBM Linux  

Вставить видео с YouTube

Размещение видео на YouTube - это замечательно, потому что он экономит на пропускной способности, может поддерживать большое количество зрителей и знакомит с вашими видео посетителями большинства интернет-сайтов.Ниже приведен пример видео, размещенного на YouTube и встроенного на этот сайт.

HTML код

HTML-код для всех видео YouTube можно найти по ссылке для общего доступа, которая есть на каждом видео YouTube. После того, как вы нажали ссылку Поделиться , нажмите ссылку Вставить . Ниже приведен пример кода, используемого для отображения вышеуказанного видео YouTube.

 <объект> 


Видео тег

Тег

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

Оставить комментарий