Как сделать видео слайдер?

Question

[arab789]

Подскажите в какую сторону копать?
Задача: сделать слайдер с видео и админку для него.
Проблематика: Пробовался вариант реализации на js+html5 video. Проблема в кроссбраузерности, а именно, в разных браузерах по разно приходят события о старте видео, его конце, паузе и остановки. В safari вообще нет возможности автоматически запустить видео без участия пользователя. Так же много проблем для создания админки для такого монстра.
Каким способом можно решить данную задачу? Видел на сайте blizzard у них на flash сделано, но с flash не работал, какие там могут быть проблемы? В какую сторону глянуть как сделать такое на flash?

Answer 1

[Сергей Новиков]

Flash в наше время? HTML video и управление. Для слайдера берем Bootstrap Carousel, примеры с видео ищутся на раз.

Comments

[arab789]

А как быть с safari? В IE вместо события паузы, прилетает стоп.

[Сергей Новиков]

Все нормально в Safari ( caniuse.com/#feat=video ). В IE до 9 никак, используйте Modernizr для детекта возможностей, если не поддерживается, используйте что то другое. Но более универсального способа не найти.

[arab789]

Вы наверное не поняли, в safari запрещено делать автостарт видео... Политикой безопасности, пользователь сам должен нажать плей.

[Сергей Новиков]

На iOS да, в остальном нет ограничений ( https://developer.apple.com/library/safari/documen... ). Если это запрещено настройками (которые вы никак не можете редактировать), то ничего не получиться сделать, проверяйте есть ли такая возможность ( https://modernizr.com/download?setclasses&q=autoplay ), и ищите альтернативу.

[arab789]

Сергей Новиков: Спасибо за советы, все проверю:)

Answer 2

[Александр N++]

Для универсального решения нужно использовать JS+HTML5
Если по какой-то надуманной причине HTMl5 не работает, использовать JS+Flash только использовать для проигрывания видео. ( через js =>флеш можно посылать команды а также обратно флеш=>js)

Ищите готовое и только потом думайте создавать что-то с нуля.