Перейти к содержанию
Esox

Масштабирование видео из youtube и автоплэй

Рекомендуемые сообщения

Добрый день.

Вставляю видео в карточку товара, взятое из youtube.

Редактор удаляет allow="autoplay".

Как убрать это недоразумение.

И как сделать автоматическое изменение масштаба блока с видео.

По умолчанию, из-за не масштабирования, появляется полоса прокрутки.

Спасибо.

Изменено пользователем Esox

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Обрамляем вставку видео (фрейм) 

<div class="thumb-wrap"> 
<iframe ....></iframe> 
</div>

стили 

.thumb-wrap { 
position: relative; 
padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ 
padding-top: 30px; 
height: 0; 
overflow: hidden; 
} 

.thumb-wrap  iframe,
.thumb-wrap  object,
.thumb-wrap  embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

давно пользуюсь данным приемом в своем онлайн кинотеатре, работает на 100%

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
36 minutes ago, Esox said:

И как сделать автоматическое изменение масштаба блока с видео.

https://getbootstrap.com/docs/3.3/components/#responsive-embed

16:9 aspect ratio

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

пример:

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="//www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
</div>

?rel=0 добавляем после ид чтоби не показивало связанние видео по окончание основного видео.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо вам огромное.

Оставил Пашин вариант.

В Пашином, видео тоже масштабируется.

Паше спасибо, не первый раз выручает.

Агата 65 вам тоже поклон.

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×