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.