#javascript #php #jquery #html #video
#javascript #php #jquery #HTML #Видео
Вопрос:
Я создал видеопроигрыватель HTML5, и я хотел бы заставить изображение плаката отображаться как минимум за 4 секунды до воспроизведения видео. Я также хотел бы рандомизировать отображаемые изображения.
Я пытался использовать PHP, чтобы заглянуть в папку с изображениями и выполнить рандомизацию перед изображением с 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" >
Комментарии:
1. Где исходный код / попытки? Пожалуйста, обновите свой вопрос и включите соответствующий исходный код.
2. Попробуйте использовать
<?php echo rand(1,3); ?>
напрямую.3. Я просто сделал, как вы предложили. Однако я не могу сказать, работает ли он или нет. Мне нужно как-то заставить изображение отображаться за несколько секунд до воспроизведения видео. Мое видео воспроизводится автоматически каждый раз. Я удалил автозапуск, но это тоже не помогло.
4. Где
src
задано значение для<video>
элемента?5. Я не копировал src в своем вопросе. У меня нет никаких проблем с src. Это изображение плаката, которое я пытаюсь настроить.
Ответ №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" >
Также проверьте video
документацию по тегу в теге HTML Video