Каков нормальный способ в Wordpress помещать пользовательские размеры видео в шорткоды [video] из виджета? - PullRequest
0 голосов
/ 10 октября 2019

В Wordpress есть очень простой и легкий процесс задания пользовательской высоты, поэтому, по крайней мере, в теле моей темы вы можете указать [video width="200" height="300" mp4="/path/to/video.mp4"] и получить именно то, что вы хотите.

Я хочу отобразитьвидео с высотой 497 и шириной 280 на моей боковой панели, и у меня было время, чтобы показать его в этих измерениях. Существует несколько контейнеров, высота которых ограничена 280. В настоящее время у меня есть iframe, который работает, но может буферизовать более изящно.

Это на самом деле улучшение по сравнению с тем, что я делал раньше;Я добавлял встроенный CSS с указанием div#foo{height:497px !important;}, и я был удивлен, как долго я мог добавить встроенный CSS и все еще не получить высоту не более 280 пикселей. Даже когда я использовал тег HTML5 <video, а не шорткод Wordpress [video, он произвел удивительные преобразования HTML. И я прошел далеко до того момента, когда понял: «Если вы пытаетесь сделать это таким образом, вы проигрываете». Это возражение, конечно же, относится и к уклонению от проблемы с помощью iframe, но оно больше относится к CSS-крошке, которую я продолжал пытаться отбить в представлении.

Что такое изящный способ установить высоту и ширину, чтобы ширинывыше 280px будет работать в Wordpress?

Я использую дочернюю тему до двадцати шестнадцати.

- ОБНОВЛЕНИЕ -

У меня есть, этоПоявляется текст, с которым я хочу:

[video height="497" width="280" mp4="//cjshayward.com/wp-content/videos/fundraiser-vertical.mp4"]<style type="text/css">section#text-8 div#mep_1{height: 497px !important;}section#text-8 video.wp-video-shortcode{height: 497px !important;}</style><!-- <iframe style="width: 280px !important; height: 497px !important; overflow: hidden; border: no; frameborder: no;" src="//cjshayward.com/wp-content/html/fundraiser.html" width="280" height="497"> --><a href="https://gofundme.com/the-holy-mountain">Would you help me reach my dream?</a> (<a href="https://paypal.me/CJSHayward">Give via PayPal.</a>)</iframe>

Это работает, но это клейкая лента. Я бы приветствовал выигрышное решение.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...