Utilizzi youtube nei tuoi articoli e vuoi modificare l’html del video per poterlo modificare a tuo piacimento?
Scopriamo il filtro wordpress embed_oembed_html
Introduzione
Come abbiamo visto nel nostro precedente articolo, Centrare il video youtube nel contenuto, wordpress ci mette a disposizione la disponibilità di inserire video direttamente nel contenuto semplicemente incollando il link del video da visualizzare come questo esempio :
Guarda questo video: link originale: www.youtube.com/watch?v=dQw4w9WgXcQ Link convertito: Questo è un video incorporato.
A partire dalla versione 3.5, wordpress, automaticamente convertirà il link youtube in un video embedded e non c’è modo di disabilitare questa funzionalità.
Ma se vogliamo dare uno stile differente al video?
Quello su cui possiamo lavorare è incorporando il video all’interno di un nostro div contenitore ed applicare uno stile personalizzato a questo.
Vediamo un esempio (da mettere nel file functions.php del tema attivo):
add_filter('embed_oembed_html', 'renderEmbed', 99, 4 );
public static function renderEmbed($html) {
return '<div class="embedded-video">'.$html.'</div>';
}
ed ecco come, utilizzando il filter embed_oembed_html, abbiamo racchiuso il codice del video incorporato in un div contenitore personalizzato.
Nel nostro file css poi applichiamo lo stile a nostro piacimento come nell’esempio seguente:
.embedded-video{background-color:red; width:300px;margin: 0 auto;}
E questo è tutto per oggi.
DETTAGLI
Livello: medio
Compatibilità: testato su WP versione 3.9.1
