знайте, что при любых раскладах,  со смартфонов  просмотров за месяц в два раза больше чем с планшетов и десктопов. И это не зависимо, какое посещение в целом. Это закономерность сегодняшнего дня.

Об этом регулярно Мой бизнес Google  сообщает в своём письме, вместе с другими показателями,  владельцу сайта. Поэтому просматриваю все сайты конкурентов на предмет их адаптивности и читабельности в сравнении с моим ресурсом.

Иногда даже завидую, иногда удовлетворяюсь такими сравнениями. Скажу только одно, если страница не адаптирована, делать нечего, покидаешь сайт и идёшь дальше. Кроме того,

Размер шрифта и его жирность  играют важнейшую роль в читабельности. Легко читать приятно. А просматривать картинки и видео?.

И тут очень важно на экране смартфона  рассмотреть качественные фото и видео. Это дополнительный трафик, который даёт адаптирование фото и видео. Как этого добиться с видео?

Если вставлять видео не с ютуба, а с фейсбука. Фейсбук просто предлагает код вставки своего видео в кодировку вашей страницы под заглавием, например:

Безумный клёв зимой продолжается! Рекордный окунь, щука, налим, и выводит такой HTML код.

<iframe src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Fmr.fisherman.russia%2Fvideos%2F3044981992267868%2F&show_text=false&width=476" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe> 

Просматривая этот код, замечаете ограничения размеров фрейма. Причём высота и ширина не соответствуют современному формату видео 16 : 9.

Посмотрите модернизированный код ниже.

<iframe  width="auto" src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Fmr.fisherman.russia%2Fvideos%2F3044981992267868%2F&show" allow="autoplay; encrypted-media"></iframe>

Он в два раза меньше предыдущего и вполне адаптивен плавно подстраиваясь под любой  смартфон.  Что касается стилей и их короткий набор селекторов пройдите на страницу-Подборка видео «Советы рыболовам и места рыбалки» и через команду посмотреть код, откройте файл CSS, скопируйте себе  HTML  и CSS коды для возможной работы.

Видео из фейсбука  бывают интересными и  познавательными.  А их загрузка на сайт не несёт никакой нагрузки на сервер и сам сайт. Польза сайту очевидна, если у конкурентов видео не адаптированы