Адаптивное YouTube видео с iframe.

Круть, все сработало!!! Спасибо за полезную информацию и отдельное огромнейшее спасибо за то, что разъяснили чайнику, как и где это все применить!

Зачем? если достаточно 

width="560" заменить на 

width="100%"

8 минут назад, pimur сказал:

Зачем? если достаточно 

width="560" заменить на 

width="100%"

Вы попробуйте сначала.

21 минуту назад, ibond сказал:

Вы попробуйте сначала.

http://demo.pimur.ru/index.php?route=product/product&product_id=44

Не ну если уж не хочется менять локальное width, а хочется стилями

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

#tab-description iframe {
    max-width: 560px!important;
    width: 100%!important;
}

Не пойму, к чему обертки лишние?

3 часа назад, pimur сказал:

http://demo.pimur.ru/index.php?route=product/product&product_id=44

Вот я не пойму, что вам не спится? Или Вы потроллить пришли?

вот ваш пример в мобиле:

https://monosnap.com/file/LbvS5Yd43LSKfDaNUCDXHEwWTR7LHR

вот с кодом

https://monosnap.com/file/eqwD6vuJGiTxWVhDeksd8MrhIqepUB

29 минут назад, ibond сказал:

Или Вы потроллить пришли?

Ни в коем случае.

https://drive.google.com/file/d/1KW9y7yCkrdsliepvoXO9zNdz1AoQv8r-/view?usp=sharing

Но просто же есть, для этого специально обученная галочка

https://drive.google.com/file/d/15PWfoL2UWwqQ6uFXpH9Nbvwc3LODDGcU/view?usp=sharing

Если я конечно правильно Вас понял.

http://demo.pimur.ru/index.php?route=product/product&product_id=45

Если вы о об этом не знали, так прекрасно же, теперь знаете. Ну и все же вы написали же в публичный блог, ради чего - что бы просто все промолчали? Я же не преследую цели оскорбить или выставить вас в неловкое положение. Просто показал что есть и другой вариант, попроще и с меньшей разметкой.

Я Вам выше привел пример. Вы не внимательны.

Уберите черный фон. При этом видео может быть разных форматов экрана -- это тоже учитывайте.

https://monosnap.com/file/I95OqQSMIJswfO1Bky6mmFQgsbksZO

3 часа назад, ibond сказал:

Уберите черный фон. При этом видео может быть разных форматов экрана -- это тоже учитывайте.

https://monosnap.com/file/I95OqQSMIJswfO1Bky6mmFQgsbksZO

Ах вот оно как ) интересно, тогда вот, урок мне спс.

Подскажите пожалуйста, код вставил как указанно выше, но видео не адаптируется под экран. https://timled.ru/lighting-calculation

15 минут назад, timled сказал:

но видео не адаптируется под экран

не адаптируется, так как стилей (CSS) нет для элементов

Почему то не наследует. Или это к шаблону вопросы? 

7 минут назад, timled сказал:

Почему то не наследует. Или это к шаблону вопросы?

Я Вам четкий ответ дал – стили не присвоены. Возможно кеш где-то или что-то и т.д. или шаблон... Да все что угодно, гадать не умею.

понятно. спс.

Очень схоже с моей проблемой, огромный респект за подсказку заранее. Есть ссылка на jpg размером 1100 на 880 с привязанными интерактивными точками - аннотациями. Вставляю в описание товара (кодом ниже), окно адаптируется под разные устройства, изображение в нем нет. Можно решить?

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://annotatepro.mockflow.com/embed.jsp?id=M642a58f92a2b86a4021e70495ce32b6e1554209322465"></iframe>
</div>

спасибище!!!