WordPress: usare le immagini in evidenza sui video HTML5

WordPress: usare le immagini in evidenza sui video HTML5

I video HTML5 forniscono l'attributo poster con cui possiamo specificare un'immagine da mostrare come segnaposto del video durante il caricamento. In WordPress possiamo usare l'immagine in evidenza dei post per questo scopo.

Il seguente codice va inserito nel Loop del file single.php:


<?php
$id = get_the_ID();
$thumb_id = get_post_thumbnail_id( $id );
$image = wp_get_attachment_image_src( $thumb_id, 'medium' );
$image_src = $image[0];
?>

<video controls poster="<?php echo $image_src; ?>">
  <source src="video.mp4" type="video/mp4" />
  <source src="video.ogg" type="video/ogg" />
</video>

L'unico parametro da modificare è la dimensione dell'immagine in evidenza (in questo esempio è stato utilizzato medium). Per associare un video HTML5 ai post è sufficiente utilizzare due custom field testuali contenenti ciascuno gli URL delle due versioni del video fornite.

Torna su