Se hai provato a incorporare un video verticale, come uno YouTube Short, all’interno di un articolo o di una pagina WordPress, potresti esserti imbattuto in un problema piuttosto comune: il video viene mostrato in un formato orizzontale o ritagliato, perdendo completamente l’effetto verticale originale.
In pratica, si ottiene un risultato del genere con il quale il video verticale è inserito in un riquadro in formato panoramico 16:9:
In questo articolo ti mostrerò alcune soluzioni per ovviare a questo inconveniente.
Il problema
Quando si utilizza il blocco di incorporamento di un video di YouTube o si incolla direttamente l’URL del video, WordPress inserisce un iframe con larghezza 100%, che si adatta automaticamente alla larghezza del contenitore, dando per scontato che il video insertito sia sempre e comunque in formato 16:9. In questo modo, l’altezza non viene gestita in modo proporzionale, e il risultato è che un video verticale (es. 9:16) viene stirato in orizzontale o mostrato in un formato 16:9 con ampi spazi ai lati.
Quali soluzioni per inserire video verticali su WordPress?
Sono disponibili vari metodi per inserire video in formato verticale all’interno di pagine e articoli su WordPress. Vediamone alcuni.
Plugin Advanced Responsive Video Embedder
Ricorrere a un plugin gratuito come Advanced Responsive Video Embedder può essere una soluzione molto comoda per personalizzare più facilmente l’inserimento di video sul tuo sito.
Questo plugin funziona non solo con i video ospitati su YouTube, ma anche con quelli ospitati su altre piattaforme di video hosting come Alugha, Archive.org, Banned.video, Bitchute, Brightcove, Brighteon, Comedy Central, Dailymotion, Dailymotion Playlist, DTube, Facebook, Gab TV, Google Drive, mp4 or webm video files, ARVE general iframe embed, IGN, IMDB, Kickstarter, kla.tv, Livestream.com, Mail.ru, Metacafe, myspace, v.qq.com, Rumble.com, ok.ru, RuTube.ru, TED Talks, TikTok, Twitch, Viddler, Vimeo, VK, Wistia, XTube, xHamster, Yahoo, Youku e Kick.
Questo plugin, una volta installato e attivato, rende perfettamente compatibile anche il blocco standard dell’editor di WordPress con i video verticali di YouTube. Questo è un vantaggio perché non ti obbliga a modificare le abitudini di inserimento dei video. Inoltre, non ti costringe a utilizzare il blocco di incorporamento fornito da questo plugin, ma puoi continuare a utilizzare il blocco standard fornito dall’editor di WordPress. A meno che tu non voglia sfruttare anche tutte le altre funzionalità messe a disposizione da questo plugin.
Plugin Presto Player
Presto Player, è un player video per WordPress che ho già segnalato sul mio sito. Tra le numerose funzionalità di questo plugin c’è anche quella che permette di impostare l’aspect ratio dei video inseriti.
Presto Player è un plugin disponibile in versione gratuita, ma offre anche una versione a pagamento. L’opzione per personalizzare l’aspect ratio dei video è disponibile anche nella versione gratuita.
Un’avvertenza: se inserisci numerosi video sul tuo sito utilizzando un plugin come Presto Player, aumenterai la dipendenza da questo strumento. Infatti, se in futuro decidessi di disinstallarlo, dovresti modificare manualmente tutti i codici di incorporamento dei video inseriti tramite il plugin. Questo accade perché, se Presto Player non è attivo, i video aggiunti con il plugin non vengono visualizzati sul sito.
Se usi Elementor
Come ti ho mostrato in questo video, le versioni più recenti di Elementor supportano l’inserimento dei video pubblicati come YouTube Shorts e, più in generale, dei video in formato verticale, permettendoti di definire l’aspect ratio con cui visualizzarli.
Tieni presente che potresti avere comunque bisogno di uno degli altri plugin che ho elencato in questo articoli se vuoi inserire video verticali all’interno degli articoli pubblicati sul tuo sito WordPress. Soprattuo se, come ti suggerisco di fare, non utilizzi Elementor per scrivere gli articoli.
Codice personalizzato con shortcode
Un metodo molto artigianale, che però non ti consiglio, è quello di creare un codice di incorporamento personalizzato che ti permette di inserire video verticali di YouTube tramite shortcode. Ecco un esempio di codice:
function my_youtube_embed_portrait( $atts ) {
$a = shortcode_atts( array(
'videoid' => ''
), $atts);
ob_start(); ?>
<div style="max-width:400px; margin:0px auto 2rem auto;"><iframe class="video-embed" style="aspect-ratio:9/16; width:100%; height:100%;" width="315" height="560" src="https://www.youtube-nocookie.com/embed/<?php echo $a['videoid'] ?>?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div>
<?php
$video_embed = ob_get_clean();
return $video_embed;
}
add_shortcode('youtubep', 'my_youtube_embed_portrait');Una volta inserito questo codice, tramite un plugin come Code Snippets, oppure all’interno del file functions.php del tuo tema child, è possibile inserire uno shortcode di questo tipo all’interno di una pagina o di un articolo su un sito WordPress:
[youtubep videoid="VIDEOID"]per mostrare un video di YouTube in formato verticale. Al posto di VIDEOID devi inserire il codice identificativo del video di YouTube. Ad esempio, se lo YouTube Short che vuoi incorporare è questo https://www.youtube.com/shorts/uRFT6SypcOY il VIDEO ID è uRFT6SypcOY.
Come hai visto, anche per l’inserimento dei video verticali, su WordPress ci sono sempre numerose strade che puoi seguire per arrivare a destinazione. A volte si tratta di inserire del codice personalizzato, oppure di installare un plugin mentre, in altri casi, lo strumento che già stai utilizzando ti offre alcune funzionalità che ti permettono di ottenere il risultato desiderato senza fatica.