Un utente ha chiesto informazioni su Developing with WordPress di Wordpress

Widget video incorporato che non ha più l’intera larghezza o altezza

Un utente ha chiesto 👇

Sto usando un widget per l’incorporamento di video (è di serie come il nucleo di WordPress) per incorporare video Vimeo in uno spazio relativamente ristretto. Scorri circa a metà della pagina dei link elencati su un grande schermo e cerca la sezione “Keynote Speaker” sulla destra.

Il widget video non è nuovo in questa pagina e il video viene utilizzato per estendere l’intera larghezza del suo contenitore. Dalla 5.5, il video non riempie tutto lo spazio e il bordo grigio scuro è attorno al bordo. Tuttavia, sembra allungarsi bene mentre ci si trova in più spazio.

Ho testato questo problema su alcuni temi diversi per assicurarmi che non sia il mio codice e non credo che lo sia. I temi TwentyTwenty e Neve stanno facendo la stessa cosa. Lo stesso con i plugin, l’ho testato su un’installazione WP vaniglia senza plugin e ho la stessa domanda.

Stavo guardando attraverso la SEC e sembra .player class inserito all’interno del <iframe> tag stesso ha un output inline di max-width e max-height caratteristica. Il problema sembra essere risolto per sbarazzarsi di questi e il video si allunga di nuovo come vorrei.

Qualche idea su come risolvere questo problema in quanto non sono sicuro del modo migliore per sbarazzarsi della trappola in linea o superarla?

Questo argomento è stato modificato l’ultima volta 4 mesi, 1 settimana. Questo argomento è stato modificato l’ultima volta 4 mesi, 1 settimana.

(@ kxeo1)

4 mesi, 1 settimana fa

Ho riscontrato problemi simili in passato e i plugin sono coinvolti la maggior parte del tempo. Vorrei controllare e testare se eventuali aggiornamenti del plug-in, nuovo plug-in, ets. questo è causato.

(@hanopcan)

4 mesi, 1 settimana fa

Grazie per il suggerimento Kenneth. Ma non sono componenti aggiuntivi. Avrei dovuto essere chiaro al riguardo nel mio post sopra mentre l’ho provato su un’installazione vanilla senza plug-in e lo stesso problema esiste ancora. Sono sicuro che qualcosa viene dal cuore, in particolare la SEC in linea che ho citato.

(@bcworkz)

4 mesi, 1 settimana fa

Il video sembra riempire lo spazio disponibile; beh, a parte una piccola quantità di imbottitura. Il tutto <section> è destinato a essere 1/3 della larghezza dell’area del contenuto e il video lo riempie pesantemente anziché 15 px di riempimento su ciascun lato.

(@ kxeo1)

4 mesi fa

Credo di averlo risolto, ma potrebbe essere necessario ricontrollarlo e modificarlo un po ‘di più, ma nel complesso dovrebbe essere un buon inizio.

codice contenitore corrente:


<div class="mejs-mediaelement"><mediaelementwrapper id="video-256-1" style="padding-bottom: 60px;"><div id="video-256-1-iframe-overlay" class="mejs-iframe-overlay"></div><iframe id="video-256-1_vimeo_iframe" width="219.984" height="123.741" frameborder="0" src="https://player.vimeo.com/video/298340126?loop=0&_=1&" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" allow="autoplay" data-ready="true"></iframe><video class="wp-video-shortcode" id="video-256-1_from_mejs" preload="metadata" src="https://vimeo.com/298340126?loop=0&_=1" style="width: 100%; height: 100%; display: none;"><source type="video/vimeo" src="https://vimeo.com/298340126?loop=0&_=1"><a href="https://vimeo.com/298340126?loop=0">https://vimeo.com/298340126?loop=0</a></video></mediaelementwrapper></div>

Script after my tweaking: 

<div class="mejs-mediaelement"><mediaelementwrapper id="video-256-1" style="padding-bottom: 60px;"><div id="video-256-1-iframe-overlay" class="mejs-iframe-overlay"></div><iframe id="video-256-1_vimeo_iframe" width="100%" height="100%" frameborder="0" src="https://player.vimeo.com/video/298340126?loop=0&_=1&" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" allow="autoplay" data-ready="true"></iframe><video class="wp-video-shortcode" id="video-256-1_from_mejs" preload="metadata" src="https://vimeo.com/298340126?loop=0&_=1" style="width: 100%; height: 100%; display: none;"><source type="video/vimeo" src="https://vimeo.com/298340126?loop=0&_=1"><a href="https://vimeo.com/298340126?loop=0">https://vimeo.com/298340126?loop=0</a></video></mediaelementwrapper></div>

Dopo aver applicato le modifiche, la scena veniva visualizzata al 100% di larghezza e altezza.

Spero possa essere d’aiuto!

Questa risposta è stata modificata 4 mesi fa da. Questa risposta è stata modificata 4 mesi fa da. Motivo: utilizzare il pulsante CODICE per una formattazione corretta

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *