Сейчас Google серьёзно
продвигает мобильный поиск, поэтому сайты для мобильных шаблонов становятся стандартом.
В Blogger есть мобильная версия по дефолту (ссылка вида /?m=1), если не отключали. Вероятно это мобильный simple.
![](https://lh6.googleusercontent.com/-8WJC3ofCQIs/VHZO88J43PI/AAAAAAAAdK8/13nLMz5kq7Y/s320/2014-11-27%2B01-06-11%2BBlogger%2B%2BNOSEO%2B%E2%80%93%2B%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%2B-%2BGoogle%2BChrome.png)
![](https://lh3.googleusercontent.com/-HtuuYCwUuX4/VHZPqMsYK6I/AAAAAAAAdLE/OIO1oN5xGH0/s320/2014-11-27%2B01-08-32%2B%2B%D0%91%D0%BB%D0%BEg%D0%B3%D0%B5%D1%80%2B%2B-%2BSEO-%D0%B1%D0%BB%D0%BE%D0%B3%2C%2B%D0%BF%D1%80%D0%BE%D0%B4%D0%B2%D0%B8%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%2B%D0%B8%2B%D0%BC%D0%BE%D0%BD%D0%B5%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F%2B%2B%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F%2B%D1%86%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C%2B%D1%81%D0%B0%D0%B9%D1%82%D0%B0%2B-%2B%D1%87%D1%82%D0%BE%2B%D1%8D%D1%82%D0%BE%2B%D1%82%D0%B0%D0%BA%D0%BE%D0%B5%2B%2B-%2BGoogle%2BC.png)
Исправляется недоразумение так:
1) Сначала надо сделать бекап шаблона.
2) Затем переключить режим мобильного сайта (значок шестерёнки) на Дополнительно.
![](https://lh6.googleusercontent.com/-swJgZXYYRdE/VHZQiH-PHSI/AAAAAAAAdLQ/fwuJPxVewNQ/s320/2014-11-27%2B01-12-19%2BBlogger%2B%2BNOSEO%2B%E2%80%93%2B%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%2B-%2BGoogle%2BChrome.png)
3) Затем в редакторе шаблона добавить:
<b:if cond='data:blog.isMobile'>
<style type='text/css'>
.mobile .videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.mobile .videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</b:if>
Вот так:
![](https://lh4.googleusercontent.com/-wfUH6VMWtF0/VHZR3_lyHRI/AAAAAAAAdLc/GprKbV5Q6ng/s320/2014-11-27%2B01-18-09%2BBlogger%2B%2BNOSEO%2B%E2%80%93%2B-%2BGoogle%2BChrome.png)
И само видео в постах должно быть в контейнере videoWrapper.
Можно в шаблон сообщения сразу поставить код для видеоролика:
<div class="videoWrapper" style="text-align: center;">КОД РОЛИКА</div>
В результате получаем пропорциональный странице плеер:
![](https://lh3.googleusercontent.com/-TeTeC-DBBBA/VHZTAGpEKRI/AAAAAAAAdLk/Q3HkF-myUqw/s320/Screenshot_2014-11-27-01-23-03.png)