Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Видео в Bootstrap

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки

Открыть новую тему     Написать ответ в эту тему

Maister

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Проблема такая. Если в Bootstrap вставлять видео через <div class="embed-responsive embed-responsive-16by9">..., к примеру (ну или 4by3 - не важно), то если видео есть в ресурсах сайта - не на Youtube, а в папке на сайте, то автоматом запускается звук с прокруткой видео.
Т.е. - открываем ту же галерею, где и это видео есть, и оно автоматически крутится в thumbnail вместе со звуком. Автоматически - пусть бы и "крутилось", но звук может быть очень сильным "раздражающим фактором" для пользователей.
Естественно, у ссылок Youtube такого нет, они запускаются только по кнопке "play".
Так вот как бы сделать так, чтобы звук запускался ТОЛЬКО тогда, когда пользователь этого пожелает?! Ну или само видео так же - по той же кнопке play...
Спасибо!
Всего записей: 2030 | Зарегистр. 20-08-2007 | Отправлено: 22:59 07-09-2016 | Исправлено: Maister, 23:02 07-09-2016
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maister
надо смотреть что происходит. если у <video> тега нет атрибута autoplay, то оно не должно стартовать
Всего записей: 15108 | Зарегистр. 20-09-2014 | Отправлено: 23:06 07-09-2016
Maister

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Дык оно не в теге <video>, оно в  
<div class="element transition video" data-category="transition">... - в галерее...
Т.е. вот такая конструкция -  
<div class="element transition video" data-category="transition">
                      <div class="embed-responsive embed-responsive-4by3">
                      <iframe class="embed-responsive-item" src="video/dragon.mp4" width="270" height="203"></iframe><span class="description">Самый первый наш видеоролик!</span>
                      </div>
                    </div>. Типа того...
Причём "video" - это раздел галереи...
Всего записей: 2030 | Зарегистр. 20-08-2007 | Отправлено: 23:22 07-09-2016 | Исправлено: Maister, 23:24 07-09-2016
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maister

Цитата:
Т.е. вот такая конструкция -

а бы порекомендовал использовать именно video тег в html5, iframe не самое удобное решение.
хотя бы потому, что в таком варианте нет возможности управления видео - поведение всецело зависит от браузера, так как прямой src запускает встроенный плеер
http://stackoverflow.com/questions/26988960/disable-video-autoplay-in-twitter-bootrap-and-stop-video-when-modal-is-closed
http://stackoverflow.com/questions/35667947/having-issue-on-stopping-bootstrap-iframe-video-on-load
http://www.axure.com/c/forum/advanced-prototyping/15993-disable-autoplay-video-iframe.html
сравнивать с youtube при этом нельзя, так как он грузит свое в iframe - страницу с тем же <video> тегом или флэш плеер.
Всего записей: 15108 | Зарегистр. 20-09-2014 | Отправлено: 23:35 07-09-2016 | Исправлено: Mavrikii, 23:37 07-09-2016
Maister

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо, почитаю.
Просто я очень далеко не спец, а проблема в том, что эти видео вставляются в галерею, которая, кстати, ещё отбирает содержание галереи по темам. В данном случае - это тема Видео. А в самой галерее именно такая конструкция.
Сейчас попробую под  
<div class="element transition video" data-category="transition"> вставить  
<video>
Но это НЕ в модальных окнах... Поэтому и буксую. Надо, чтобы галерея работала так же и с видео - отбор и пр. и это видео было изначально в рамках thumbnails...
Всего записей: 2030 | Зарегистр. 20-08-2007 | Отправлено: 23:44 07-09-2016
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maister

Цитата:
вставить  
<video>

http://htmlbook.ru/html/video
там еще в нем есть опции.
 
но я привел ссылки на попытки управления видео в iframe, результата там нет, к сожалению
Всего записей: 15108 | Зарегистр. 20-09-2014 | Отправлено: 23:49 07-09-2016
Maister

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо, дружище!
Вставил  в тег видео, прописал размеры и всё получилось как надо.  
 
(Только вот верхняя граница thumbnail где-то на пиксель ниже, чем картинки или фреймы. Не заметно, "...но - всё-таки!..."...)
 
Но, главное, что музыка не включается и не "орёт"...
Спасибо!
Всего записей: 2030 | Зарегистр. 20-08-2007 | Отправлено: 00:00 08-09-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Видео в Bootstrap


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru