Мобильная версияМожно ли сделать тег *portrait* ⇐ CSS
-
Гость
Можно ли сделать тег *portrait*
[важное примечание: это влияет только на самостоятельные теги , а не на iframe youtube или vimeo]
Поэтому я встраиваю на страницу видео с мобильного телефона с вертикальным соотношением (портрет) (обычно 720 пикселей в ширину и 1280 пикселей в высоту).
Все работает, но видео не адаптируются под страницу. Ширина подойдет, но пользователю придется прокручивать вверх и вниз во время воспроизведения видео, чтобы оценить то, что показывается.
Я испробовал все приемы CSS, чтобы сделать видео-div отзывчивым, но это не сработало.
Видео заключено в div, который читается так:
.wp-video-shortcode, video, .mejs-mediaelement { максимальная ширина: 100% !important; максимальная высота: 100% !важно; } Но безрезультатно (при изменении размера страницы адаптируется только ширина!).
ЕСЛИ я вручную изменю ширину и высоту в коротком коде, вот так:
[video width="720" height="1280" mp4="http://url.mp4" autoplay="true" poster="http://url.jpg"][/video] становится
[video width="340" height="680" mp4="http://url.mp4" autoplay="true" poster="http://url.jpg"][/video] Видео становится меньше, но все равно не адаптируется к странице.
Кажется, я понял, почему...? Скажите мне, если я сбился с пути:
Вся предпосылка определения размера вставки в Wordpress, похоже, основана на ширине: существует даже глобальная переменная с именем $ content_width для этой цели, а $content_height нет.
В частности, вот что происходит в функции wp_video_shortcode:
глобальный $content_width; // если видео больше темы if ( ! пустой($content_width) && $atts['width'] > $content_width) { $atts['height'] = round( ( $atts['height'] * $content_width ) / $atts['width'] ); $atts['ширина'] = $content_width; } как вы можете видеть выше, wp, похоже, проверяет видео только по ширине страницы.
Как это можно решить?
[важное примечание: это влияет только на самостоятельные теги , а не на iframe youtube или vimeo]
Поэтому я встраиваю на страницу видео с мобильного телефона с вертикальным соотношением (портрет) (обычно 720 пикселей в ширину и 1280 пикселей в высоту).
Все работает, но видео не адаптируются под страницу. Ширина подойдет, но пользователю придется прокручивать вверх и вниз во время воспроизведения видео, чтобы оценить то, что показывается.
Я испробовал все приемы CSS, чтобы сделать видео-div отзывчивым, но это не сработало.
Видео заключено в div, который читается так:
.wp-video-shortcode, video, .mejs-mediaelement { максимальная ширина: 100% !important; максимальная высота: 100% !важно; } Но безрезультатно (при изменении размера страницы адаптируется только ширина!).
ЕСЛИ я вручную изменю ширину и высоту в коротком коде, вот так:
[video width="720" height="1280" mp4="http://url.mp4" autoplay="true" poster="http://url.jpg"][/video] становится
[video width="340" height="680" mp4="http://url.mp4" autoplay="true" poster="http://url.jpg"][/video] Видео становится меньше, но все равно не адаптируется к странице.
Кажется, я понял, почему...? Скажите мне, если я сбился с пути:
Вся предпосылка определения размера вставки в Wordpress, похоже, основана на ширине: существует даже глобальная переменная с именем $ content_width для этой цели, а $content_height нет.
В частности, вот что происходит в функции wp_video_shortcode:
глобальный $content_width; // если видео больше темы if ( ! пустой($content_width) && $atts['width'] > $content_width) { $atts['height'] = round( ( $atts['height'] * $content_width ) / $atts['width'] ); $atts['ширина'] = $content_width; } как вы можете видеть выше, wp, похоже, проверяет видео только по ширине страницы.
Как это можно решить?
