Видео на Друпал 7

Первая часть этой статьи о вставлении видео со сторонних ресуорсов (3 способами),
вторая - о вставлении со своего сервера.

Также во второй части подробно написано о подключении библиотек zencoder, awssdk, videojs для модулей video и amazonS3.

Если нужно вставить видео на Друпал7 сайт со стороннего ресурса, например, с youtube, то можно использовать следующие модули или плагины:

1)редактор CKEditor 

2)Video Filter

3)googtube

4)модуль вставления видео в отдельное поле video_embed_field 

1. Самый простой способ доступен уже после установки редактора CKEditor 

(также у меня одновременно был устновлен и IMCE для работы с изображениями). После установки CKEditoe у меня появилась кнопка для вставления видео в редакторе.

(на странице настроек редактора CKEditor нужно проверить, что кнопка для вставки видео находится в активной панели).

Затем нужно копировать код для вставки на youtube (выбрать поделиться и встроить, скопировать текст с iframe ....).

iframe

друпал

2.Более продвинутый способ с Video Filter

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

(Archive.org, Blip.tv, Capped.tv, College Humor, DailyMotion, Flickr Slideshows, Flickr Video, Gametrailers, Gamevideos, Godtube, Google Video, Metacafe, Myspace, Picasa, Slideshare, Streamhoster, Teachertube, Vimeo, Wistia, YouTube)

Позволяет:

1)настроить кнопку при наличии wysiwyg

2)задать значения ширины и т.д. по умолчанию

3)переопределить значения

4)проигрывать видео из списка

Установка:

$ drush dl video_filter

$ drush en video_filter

 Управление

admin/config/content/formats или admin/settings/filters или  admin/settings/filters
Нужно включить фильтр и поместить его верхним в списке

video drupal

video drupal

 

Также нужно выбрать кодеки

друпал

Чтобы вставить видео, в текст нужно вставить

[video:URL]

Например,

[video:https://www.youtube.com/watch?v=pIt1BP1bB4s]

Или для запуска видео из списка [video:url,url]

С помощью кода [video:url width:X height:Y align:left/right autoplay:1/0] можно переопределить стандартные настройки фильтра. Подробнее в readme.txt.

При этом текст нужно вставлять в боди соответсвующего формата (в сводку вставлять нельзя)

друпал

Важно то, что этот модуль генерирует валидный html код, в отличии от самого YouTube.

http://xandeadx.ru/blog/drupal/102

и https://sozdaniesaitanadrupal.ru/page/videopleer-na-drupal-7

Подробнее:

Go to admin/config/content/formats and configure the text format(s) that should
be allowed to use this filter. Check the box to enable Video Filter and save.
Some simple settings are available if you configure the text format. There you
can change the default size and auto play settings.
Make sure that Video Filter is processed before "Convert URLs to links".
You can do this by dragging and dropping Video Filter to the top of the
processing order list. Do this even if it's allready on top, just to make sure! 
If you're using the "Limit allowed HTML tags" filter, make sure Video Filter is
processed after that filter.
To enable WYSIWYG support, go to the WYSIWYG settings for each input format and
enable the Video Filter button.

3.Менее популярный https://www.drupal.org/project/googtube

http://xandeadx.ru/blog/drupal/678
 

4. С помощью модуля вставления видео в отдельное поле video_embed_field (drush en  video_embed_field)
 

Если нужно проигрывать видео на своем сервере, то можно использовать следуюшие варианты:

 

1. Модуль video с библиотеками 

2.  Video.js модуль с библиотекой
3. Uppod (сторонний сервис)

  1. Модуль Video
    очень подробная инструкции на английском
    Нужно устновить модули:
    (установка с помощью drush:

    drush en awssdk videojs amazonS3 video_presets libraries video

    drush en amazons3 awssdk_ui videojs_hls zencoderapi video_ui )

  • AWS SDK for PHP (awssdk)  для интеграции integration Libraries API (2.x) и Drush Make для загрузки AWS SDK for PHP (иногда приходится использовать 4 версию вместо 5) 
  • Amazon S3 (AmazonS3) -  чтобы заменить локальную файловую систему на S3, загрузки сохраняются в таблицы, можно использовать с другими совместимыми хранилицами, в том числе Гугл, полный список
  • Libraries (libraries)
  • VideoJS (videojs)
  • Video  (video)
  • Video Presets (video_presets) - для создания экспортируемых пресетов

    (первые два  для настройки взаимодействия с облачным сервисом)
    drush en awssdk videojs amazonS3 video_presets libraries
    amazonS3 может потребоваться написать с большой буквы AmazonS3
    С загрузкой этого модуля возникли сложности, так как часть модулей у меня уже была загружена, я использовла комнаду
    drush en и для AmazonS3 попробовала вариант с разными регистрами, со второго раза модуль загрузился, но произошло зацикливание системы на повторную загрузку, как была сделана отмена см на скриншоте
    drush

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

  • Инструкции по установке библиотек
  • VideoJS (video.js is должен оказаться в  sites/all/libraries/video-js/video.js.)
  • AWS SDK for PHP (sdk.class.php должен оказаться в sites/all/libraries/awssdk/sdk.class.php. Нужно будет переименовать папку и очистить кэш, если модуль 4 весрии, то библиотеку можно брать например 1.4.8.1 )
  • Zencoder-php (должно получиться  sites/all/libraries/zencoder/Services/Zencoder.php )

    Ссылки для скачивания(на момент написания статьи):

    https://github.com/zencoder/zencoder-php

    https://github.com/videojs/video.js/releases

    https://docs.aws.amazon.com/aws-sdk-php/v3/guide/getting-started/installation.html

    или https://github.com/aws/aws-sdk-php/releases
     
  • VideoJS
  • readme https://github.com/videojs/video.js/blob/master/README.md
  • библиотека на github https://github.com/videojs/video.js
     
  • AWS SDK for PHP 
  • Загрузка с composer предпочтитльна
  • Install Composer

    curl -sS https://getcomposer.org/installer | php
    
  • Run the Composer command to install the latest stable version of the SDK:

    php composer.phar require aws/aws-sdk-php
    
  • Require Composer's autoloader:

    <?php
    require 'vendor/autoload.php';
    
    
  • но если не получится, то можно скачать архив и поместить его на хостинг вручную.
  • Ошибки при устновке с composer на скриншоте
    третий шаг выполняется уже в коде файла, не в командной строке
  • драш
  • Require Composer's autoloader - это надо добавлять в файл, где Вы будете использовать эту библиотеку. Подробнее тут https://getcomposer.org/doc/01-basic-usage.md#autoloading

  •  
  • При загрузке архива со страницы https://docs.aws.amazon.com/aws-sdk-php/v3/guide/getting-started/instal…
  • Так должна выглядеть папка
    Теперь нужно включить модули
  • Amazon S3
  • Video Presets
  • AWS SDK for PHP UI
  • AWS SDK for PHP
  • Video UI
  • Video
  • VideoJS
  • Libraries
  • Zencoder API

    Создание и настройка S3 аккаунта

  • на  http://aws.amazon.com/s3
  • выбрать create an account, или sign in
  • "Create Bucket"
  • создать bucket name. (It is no longer recommended that you include a ‘.’ in the bucket name.)
  •  "Create"
  • выбрать bucket
  •  "Permissions"
  •  "Add more permissions"
  • Grantee: aws@zencoder.com
  • Включить:
    • List
    • Upload/Delete
    • View Permissions
    • Edit Permissions
  • Настройка AWS SDK for PHP

  • нужно войти на  https://aws-portal.amazon.com/gp/aws/developer/account/index.html  с помощью почты и пароля от S3 аккаунта
  • в левой колонке "Security Credentials"
  • "Create a new Access Key"
  • скопировать Access Key ID
  • на своем сайте “Configuration => Media => AWS SDK for PHP” (admin/config/media/awssdk)
  • вставить Access Key ID в"Amazon Web Services Key"
  • на сайте Amazon,  нажать"Show" под the Secret Access Key. Скопировать октрывшийся ключи и вставить в "Amazon Web Services Secret Key" на своем сайте.
  • Сохранить
  • Настройки Amazon S3 на своем сайте

  •  “Configuration => Media => Amazon S3” (admin/config/media/amazons3)
  • Ввести свое bucket name
  • сохранить
  • Дать Zencoder доступ к своему S3 аккаунт


    2.  Video.js может выступать не только библиотекой для модуля video, но и самостоятельным модулем, требует проигрыватель JW Player и videojs библиотеку для поддержки проигрывателя, отвечает требованию HTML5. ​​​​​​
    3. Uppod . Не модуль, а сторонний ресурс видеоплееров, размещаемый в корневой папке каталога сайта, само видео можно хранить в любом месте интернета, но в настройках нужно прописать путь, можно сделать видеоплеер, аудиоплеер и слайдер в одном аккаунте.

Видеосопровождение для этого материала:

Ролик о вставлении видео со сторнних ресурсов