Тег iframe и его содержимое, возможно добиться в html5 - Вопросы по CSS

Все знакомы с таким кодом
- в принципе, если использовать такой вариант будет всё отображаться нормально
 

Есть плагины Плагин AllVideos, ...
- сразу перейду к тому, что лучше плагин не ставить, почему, всего объясню в заключении

На просторах много чего есть как можно исправить, например:
Это
на

Это
на
- этот вариант в принципе не работает, как пример на iPhone(для мобильных), наблюдаем, как видео не умещается.

если нужно, а такое 100% часто нужно
на
- хотя если шаблон Bootstrap, то указывайте "700px" ширину постоянно меняет, в отличии "height", я выставляю 700х392

height - мне не удалось приручить  

Вот такой вариант:
- в принципе достигает близкого варианта, но не то

В заключении, самый лучший вариант:

Про плагины я тоже не забыл, что касается их, они удобны в плане простаты, там такой же код:

Но если у вас Плагин AllVideos, на iPhone(для мобильных) - не умещается видео  

Как вставить код, есть плагин Sourcerer с помощью  

Ну во первых я уже давно не пользуюсь фреймами и вам не советую. Уже многие девайсы их не читают.
2. Никакие плагины вам не надо, аля, allvideos. Вставляем div (читать ниже) адвансед модулем. https://extensions.joomla.org/extension/custom-html-advanced/
3. Вот вам статья нужная-делайте на дивах ваш код: http://www.sitehere.ru/uskorit-zagruzku-stranic-sajta. Плюс у вас уменьшатся в разы запросы и скорость загрузки+качество превью.
4. Данные для видео уже набираете тут, в зависимости от результата: https://developers.google.com/youtube/player_parameters?hl=ru
5. Вставляете, как обычный div и делаете адаптивность уже, как вам удобно.

Это всё пока про YouTube. Если у вас локальное видео-смысл тот же: избавляемся от фреймов!
Меняем YouTube на локалку (чтение из папки).

Ну во первых я уже давно не пользуюсь фреймами и вам не советую. Уже многие девайсы их не читают.
...
Это всё пока про YouTube. Если у вас локальное видео-смысл тот же: избавляемся от фреймов!

расскажите пожалуйста подробнее об этом. в частности, как встроить видео youtube без ифреймов. или может можно взглянуть на сайт, на котором это реализовано?

расскажите пожалуйста подробнее об этом. в частности, как встроить видео youtube без ифреймов. или может можно взглянуть на сайт, на котором это реализовано?

Так из статьи же всё видно?!
Ладно, не вопрос, щас сваяю 2 файла на диве и на фрейме для сравнения.

Пожалуйста, сделал вам 2 файла (div и frame).

http://webservice.kiev.ua/youtube_div.php
Тут код:

http://webservice.kiev.ua/youtube_frame.php
Тут код:

Сравнивайте в консоли запросы, качество, скорость и т.п.

iframe по-любому будет . Этот трюк только создает видимость его отсутствия и более быстрой загрузки.

Сравнивайте в консоли запросы, качество, скорость и т.п.

я уже давно все сравнил. быть может это облегчит понимание? http://prntscr.com/efifwt

iframe по-любому будет . Этот трюк только создает видимость его отсутствия и более быстрой загрузки.

Но его не будет на фронте! И можно манипулировать, как обычным дивом.

понял. не облегчило ну нет так нет

Но его не будет на фронте!

Как не будет? Смотри скриншот в сообщении dmitry_stas'а выше.

Как не будет? Смотри скриншот в сообщении dmitry_stas'а выше.

При первичной загрузке. Например у вас 10 видео... Пока они загрузятся ... Сколько страница загружаться сайта будет?!
В этом способе моментально+чистый кадр+набирать в последующее видео можно любые также нужные параметры.
А вот уже включённое видео-да. Тут уже ждём, когда YouTube перепишет своё видение отображения роликов.

И вопрос был:

как встроить видео youtube без ифреймов.

Я его встроил с помощью дива   А показывает после клика уже в ифрейме.

Я его встроил с помощью дива   А показывает после клика уже в ифрейме.

никакое видео "с помощью дива" вы никуда не встроили. вы встроили div. а видео по прежнему вставляется через iframe, и никак иначе.

И вопрос был

это был не вопрос. я не спрашивал, а опровергал ваше утверждение.

Ну во первых я уже давно не пользуюсь фреймами и вам не советую. Уже многие девайсы их не читают.

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

итого: технически разницы между добавлением ifarme как тега в HTML и добавлением iframe с помощью скрипта нет никакой. видео с youtube может быть вставлено только с помощью iframe, и никак иначе. управлять содержимым этого iframe - нет возможности. соответственно, для CSS и адаптивности разницы как вставлено видео - сразу iframe или div, в который скриптом добавится iframe - нет никакой.

В принципе, не понял, как ушли на "div", CSS3, кстати в примере я описал Тег iframe.
CSS могуч и об этом не спорю, меня интересовало работа на мобильных.
отличный пример ка с помощью CSS сделать логотип IMDb

Так как у меня в браузере все отображалась, но на телефоне разъезжалось.
И действительно, я до этого пользовался Плагин AllVideos, пока не понял, что это мне мешает о чем написал.
И то что пишут, что "overflow", может заменить "scrolling", опровергаю, так как в мобиле видео ролик выскакивает из шаблона.

Остановился на этом: