隨機化HTML5視頻海報圖像

Question

我已經制作了HTML5視頻播放器，我想強制海報圖像在視頻播放之前至少顯示4秒鍾。 我也想隨機顯示的圖像。

我嘗試使用PHP在images文件夾中查找並在圖像1至3之前進行隨機化。但是，我根本無法顯示圖像，也無法將其隨機化。 有人可以幫忙嗎？

這是我的代碼：

<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

該代碼將起作用

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

另請參閱HTML Video Tag中的video標簽文檔。