随机化HTML5视频海报图片

Question

I've made a HTML5 video player and I'd like to force the poster image to show up for at least 4 seconds before the video plays. I'd also like to randomize the images that show up.

I've tried to use PHP to look in side the images folder and randomize before image 1 to 3. However, I can't get the image to show up at all and I can't get it to randomize. Can anyone help?

Here is my code:

<div class="vidWrap">

<video autoplay id="movingAlphaVid" style="display: none;"                                                                

preload="auto" poster="/images/image_<?php $random = rand(1,3); echo   $random; ?>.png" >

Answer 1

This code will work

<video autoplay id="movingAlphaVid" 
    controls="controls" src="your_video_file.ext" preload="auto"  
    poster="/images/image_<?php $random = rand(1,3); echo $random; ?>.png" >

Also check the video tag documentation at HTML Video Tag