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