Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Drupal Media Module и Media: YouTube для видеоурок

  1. Начало работы с Drupal Media и Media: модули YouTube
  2. Скачать и установить модули
  3. Настройка Drupal Media и Media: модули YouTube
  4. Добавить и настроить поле видео для типа контента
  5. Управление настройками отображения для типа контента
  6. Добавить узел статьи с видеоконтентом
  7. Следующие шаги для вашего СМИ: поля YouTube

Использование видео как части вашей контент-стратегии - отличный способ не только повысить вовлеченность пользователей и подключайтесь к своей аудитории, а также развлекайте своих читателей, используя видео для дополнения вашего текстового контента. В социальных сетях, таких как Twitter и Facebook, наблюдается тенденция, согласно которой видеомаркетинг играет важную роль в привлечении пользователей. Отчеты По прогнозам, «к 2018 году мобильное видео будет представлять 69 процентов мирового трафика мобильных данных, по сравнению с 53 процентами в 2013 году». Если вы не интегрировали видеомаркетинг в свою контент-стратегию, самое время начать. Это проще, чем когда-либо, с модулем Drupal Media и его подмодулем Media: YouTube.

Начало работы с Drupal Media и Media: модули YouTube

Чтобы помочь вам начать, я создал учебник о том, как добавлять видео YouTube на ваш сайт Drupal 7, используя Media and Media: модули YouTube. Сначала давайте рассмотрим, что делает Медиа и Медиа: модули YouTube ценными для нашего проекта.

Модуль Drupal Media является одним из самых популярных модулей Drupal, поскольку он служит основой для связанных с мультимедиа модулей. Его основное использование в качестве файлового браузера для мультимедиа, будь то внутренние или внешние файлы. Модуль Drupal Media может заменить поле загрузки ядра Drupal. Существуют подмодули Drupal Media, основанные на этой платформе. Они обеспечивают подключения к сторонним API и внешним источникам данных, так что модуль Media может использовать эти источники данных и отображать их в мультимедийной библиотеке или браузере, которые будут использоваться в вашем проекте Drupal.

Одним из таких подмодулей является модуль Media: YouTube. Этот модуль позволяет Media использовать видео YouTube и отображать их в качестве источников данных поля Media, используя все функции и возможности, которые предлагает модуль Drupal Media. Это означает, что вы сможете отображать видео YouTube на узлах, в представлениях, панелях или в рамках Условий таксономии. Модуль Media: YouTube даже предоставляет способ отображения миниатюры видео YouTube и стилизации миниатюры с помощью стилей изображения вашего сайта. Все, что вам нужно, это URL видео на YouTube.

Сделайте глубокий вдох, пришло время сделать ваш первый шаг. Если вы чувствуете, что у вас над головой или модуль Drupal Media делает вас тошнотворным, вы всегда можете нанять экспертов Drupal ,

Скачать и установить модули

Во-первых, зайдите на Drupal.org и на страницы проекта для наших ключевых модулей: Медиа и медиа: YouTube. Не забудьте захватить зависимости тоже.

Если вы используете Drush, вам просто нужно выполнить эту команду:

drush en media media_youtube -y

Основные модули

зависимости

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

Модульная и Drupal Core версии

Я буду использовать Медиа модуль 7.x-2.0 alpha 4 и Медиа: модуль YouTube 7.x-2.0-rc5 . Вам нужно будет использовать Drupal 7, чтобы следовать этому уроку.

Настройка Drupal Media и Media: модули YouTube

Управление отображением видеофайлов

После того, как вы загрузили и включили Media and Media: модули YouTube, давайте приступим к настройке параметров дисплея для вашего нового типа видеофайлов. Вы получите доступ к этой конфигурации в разделе Структура -> Типы файлов .

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

Навигация для управления отображением файлов

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

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

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

Изображения ниже иллюстрируют настройки конфигурации для обработчика отображения файлов по умолчанию .

Сохраните конфигурацию.

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

Изображение ниже иллюстрирует настройки конфигурации дисплея обработчика файлов Teaser . Доступные стили изображения можно настроить в разделе « Конфигурация» -> «Мультимедиа» -> «Стили изображения» .

Доступные стили изображения можно настроить в разделе « Конфигурация» -> «Мультимедиа» -> «Стили изображения»

Добавить и настроить поле видео для типа контента

Теперь, когда вы настроили отображение видеофайлов, вы можете перейти к своему типу контента, чтобы добавить и настроить поле видео YouTube. В моем случае я хочу добавить видео YouTube к моему типу контента статьи. Итак, я пойду в Структура -> Типы контента и затем выберу Управление полями в моем Типе контента статьи .


Поскольку видео YouTube является новым полем, в разделе «Добавить новое поле» выберите метку для нового видео поля, а затем выберите «Файл» для типа поля. Ваш виджет должен автоматически установить виджет Media Browser. Сохраните вашу конфигурацию.

На рисунках ниже показана конфигурация настроек поля YouTube Video.

Как вы можете видеть на изображениях выше, я выбрал опции для включения библиотек и веб- плагинов. Это позволяет моим пользователям добавлять URL видео на YouTube или выбирать ранее добавленное видео из библиотеки. Я также выбрал Видео в качестве Разрешенного типа файла и выбрал свои схемы URI. Здесь важно отметить, что я выбрал Enable Description Field. Включение поля «Описание видео» полезно для улучшения SEO вашего видео и должно быть принято вами как обычная практика. Сохраните вашу конфигурацию.

Управление настройками отображения для типа контента

Затем вам нужно будет управлять настройками отображения вашего типа контента.

Для своего поля YouTube Video выберите Rendered File в настройках формата. Теперь выберите ваш режим просмотра. Для меня режим просмотра, который я хочу использовать, по умолчанию, это режим отображения файлов, который мы установили ранее. Сохраните конфигурацию.

Добавить узел статьи с видеоконтентом

Теперь вы можете начать добавлять контент. Перейдите в Content -> Add content -> select Article (узел / добавить / статью). Добавьте ваш заголовок и другую информацию для вашего узла. В поле «Видео» выберите «Обзор», чтобы добавить видео YouTube.

Добавьте URL своего видео на YouTube.

После добавления вы увидите миниатюру вашего видео. Сохраните ваш контент.

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

Следующие шаги для вашего СМИ: поля YouTube

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

Возможно, вы захотите использовать этот эскиз в представлениях или даже проигрыватель в представлениях в качестве отображения поля. У вас могут быть проекты, которые требуют нескольких миниатюр видео в карусели или на боковой панели. Вы можете интегрировать свои видео на YouTube везде, где представления могут открывать поля из содержимого: в FlexSliders, в слайд-шоу представлений, в диалоговых окнах Colorbox - существует множество возможностей Все это стало возможным благодаря объединению модулей Media, Media: YouTube и Views.

Возникли проблемы с отображением видео? Сказать привет в твиттере , Понравилось ли вам видео руководство? Подписаться на YouTube для большего. Считаете это руководство полезным? Не забудьте поделиться!

Похожие

Представляем веб-переводчик Google для Drupal.
Вот уже несколько лет Google предоставляет пользователям, веб-мастерам и веб-разработчикам несколько приятных и полезных инструментов, связанных с вебом. Некоторые из них более известны, чем другие, а некоторые больше не используются. Но перевод контента вашего сайта всегда был главной необходимостью, особенно если ваш сайт ориентирован на мультикультурную аудиторию. Одним из недавно улучшенных инструментов Google, от их инструментов перевода контента, является
Colorbox всплывающие окна с изображениями и видео Drupal
... drupal-1.jpg" alt="Многие сайты любят показывать медиа во всплывающих окнах"> Многие сайты любят показывать медиа во всплывающих окнах. Использование всплывающих окон может упростить посетителям быстрый просмотр нескольких изображений или видео. В этом уроке мы покажем вам, как использовать всплывающее окно Colorbox с Drupal. Мы увидим, как отображать поля изображения и видео во всплывающем окне. Шаг 1. Монтаж Установите эти два модуля:
4 надежных пакета замены пользовательского интерфейса для оптимизации вашего экрана
TukUI доступен с tukui.org , Установка очень проста: просто вставьте папки в папку дополнений, убедитесь, что при входе в систему отключено все остальное, что изменяет фреймы юнитов, чат или панели действий, и запустите TukUI. Я имею тенденцию отключать все, кроме TukUI, когда в первый раз захожу с ним на новом персонаже, чтобы не испортить его! Он мягко проведет вас через процесс входа в систему при входе в систему для каждого персонажа,
Как экспортировать Google Doc с вашего iPhone
... для публикации в формате PDF или через Airdrop. Вот как. Изображение: CNET Если вы работаете в организации, которая использует приложения Google Suite G для общения и выполнения работы, или если вы просто решили использовать ее дома, скорее всего,
UpNext HD Maps приносит великолепные 3D-карты на iPad - скачать сейчас!
... и устройства iOS идут рука об руку с момента выпуска оригинального iPhone в 2007 году, и Apple недавно подписала новое соглашение с поисковым гигантом, предоставляя iOS дополнительный доступ к данным Google Maps.
Как установить Chrome в Linux и легко перенести ваш браузер из Windows
Реклама Если вы переход с Windows на Linux 5 причин, почему Windows 10 может заставить вас перейти на Linux 5 причин, почему Windows 10 может заставить вас перейти на Linux Несмотря на огромную популярность Windows 10, было много критики
Resilio Sync: одноранговое облачное тестирование
Просто создайте свое собственное облако и всегда знаете, где хранятся личные данные. Это менее сложно, чем многие себе представляют. С помощью Resilio Sync даже пользователи без большого технического опыта могут легко создать персональное облако для дома, которое также доступно на ходу. В этом обзоре показано, что может делать Resilio Sync и где существуют ограничения программного обеспечения. Альтернатива Dropbox или поиск
Обзор LG Optimus L5 2 (видео)
Мы протестировали второе поколение LG Optimus L5, которое было разумно названо LG Optimus L5 II. Хотя на первый взгляд речь идет об устройстве, очень похожем на прошлогоднюю версию, новый Optimus L5 II может многое сделать важнее, чем его предшественник. Узнайте что. ТЕХНИЧЕСКИЕ
Бесплатный слайдер для вашего сайта - DJ-ImageSlider
... для вас ;-) Все, что вам нужно сделать, это загрузить файл: pl-PL.mod_djimageslider.ini и скопировать его в папку : folder_with your_file_files \ language \ en-GB . Теперь модуль DJ-ImageSlider уже будет иметь польскоязычный интерфейс ;-). Нажмите « Модули» в меню « Расширения» , а затем выберите имя модуля: DJ-ImageSlider .
Как расширить рабочий стол вашего Mac на телевизор или iPad
... ичные способы, чтобы помочь вам хорошо работать в рамках ограничений одного дисплея, но иногда расширение рабочего пространства на второй экран - это просто лучший путь к повышению производительности. Если у вас нет традиционного компьютерного дисплея для подключения с помощью кабеля, вы можете использовать телевизор высокой четкости или устройство iOS. Здесь мы рассмотрим три варианта: Apple
Как установить Joomla
Этот учебник охватывает следующие темы: Из этого туториала Вы узнаете, как вручную установить Joomla на свою учетную запись веб-хостинга. Мы сосредоточены на установке Joomla 3, так как это последняя стабильная ветка, официально рекомендованная для всех новых проектов. Загрузите необходимый установочный пакет Joomla 3 Чтобы начать установку Joomla на веб-сервере, сначала необходимо загрузить установочный пакет Joomla. Мы рекомендуем вам скачать Joomla только

Комментарии

По умолчанию вам нужно будет щелкнуть, чтобы запустить видео при появлении слайда, но помните панель анимации?
По умолчанию вам нужно будет щелкнуть, чтобы запустить видео при появлении слайда, но помните панель анимации? Ну, он вернулся, и его можно использовать для редактирования времени видео, чтобы оно воспроизводилось в начале слайда или рядом с другими объектами.
Хорошо, если у нас уже есть ясно, какое видео это должно быть?
Хорошо, если у нас уже есть ясно, какое видео это должно быть? Прежде всего, обнадеживает. Скучные каракули и чтение с листа бумаги не принесут пользы. Инвестор не успевает смотреть такие творения. Ваше рекламное видео должно привлекать внимание с первой секунды и должно быть таким, чтобы побудить инвестора, вашего потенциального инвестора, прочитать вашу историю и изучить бизнес-план. Если вам трудно судить, подходит ли ваше видео, спросите своих друзей, примут ли они какое-либо решение на
Кстати, AnyTrans также может помочь вам перенести календарь с iPhone на iPhone почему ты не скачать AnyTrans и попробовать?
Хорошо, если у нас уже есть ясно, какое видео это должно быть? Прежде всего, обнадеживает. Скучные каракули и чтение с листа бумаги не принесут пользы. Инвестор не успевает смотреть такие творения. Ваше рекламное видео должно привлекать внимание с первой секунды и должно быть таким, чтобы побудить инвестора, вашего потенциального инвестора, прочитать вашу историю и изучить бизнес-план. Если вам трудно судить, подходит ли ваше видео, спросите своих друзей, примут ли они какое-либо решение на
Когда блогер уходит с работы и занимается только блогом, перестает ли он быть блоггером и становится создателем сайта?
Когда блогер уходит с работы и занимается только блогом, перестает ли он быть блоггером и становится создателем сайта? И все же более частой ситуацией является тот факт, что к блогу присоединяются дополнительные авторы. Должны ли они писать в хобби, потому что, когда они платят за свою работу, блог превратится в обычную редакцию? Это уже подавляющие вопросы, но они все еще беспокоят польскую (относительно небольшую) блогосферу, и нет четких ответов. Вы можете увидеть желание профессионализировать
Используете ли вы модули PrestaShop?
Используете ли вы модули PrestaShop? Какие модули вы бы порекомендовали? В настоящее время мы используем Модуль Yotpo для обзоров продуктов. Через этот модуль через 15 дней после покупки клиенты получают электронное письмо, в котором им предлагается написать отзывы о заказанных товарах. В качестве стимула мы предлагаем покупателям купон на скидку на следующий
Так какой браузер лучше всего подходит для вашего компьютера с Linux?
Так какой браузер лучше всего подходит для вашего компьютера с Linux? Давайте разберемся. Прочитайте больше , тоже. Привычка Google отслеживание вашего поведения в Интернете Прекратить использование поиска Google: вот почему
Как вы лично получаете доступ к таким сайтам, как Facebook и YouTube?
Как вы лично получаете доступ к таким сайтам, как Facebook и YouTube? Обычно вы можете использовать программу, которая открывается, когда вы нажимаете на большой синий значок «e» на рабочем столе. Вот как это выглядит: Это логотип для Internet Explorer, веб-браузера. Этот значок «е» не является ярлыком для обычной программы «Интернет»

Возникли проблемы с отображением видео?
Сказать привет в твиттере , Понравилось ли вам видео руководство?
Считаете это руководство полезным?
По умолчанию вам нужно будет щелкнуть, чтобы запустить видео при появлении слайда, но помните панель анимации?
Хорошо, если у нас уже есть ясно, какое видео это должно быть?
Хорошо, если у нас уже есть ясно, какое видео это должно быть?
Хорошо, если у нас уже есть ясно, какое видео это должно быть?
Когда блогер уходит с работы и занимается только блогом, перестает ли он быть блоггером и становится создателем сайта?
Должны ли они писать в хобби, потому что, когда они платят за свою работу, блог превратится в обычную редакцию?
Используете ли вы модули PrestaShop?