кодесурса
«HTML

HTML5: как указать изображение, которое будет отображаться во время загрузки видео, или пока пользователь не нажмет кнопку воспроизведения?

script1adsense2code
script1adsense3code

Перейти на страницу упражнений

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to specify an image to be shown while the video is downloading, or until the user hits the play button</title>
</head>
<body>
<video width="200" height="250" poster="/images/w3resourcelogo.gif" controls >
<source src="/html-css-exercise/basic/solution/php-demo1.mp4" type="video/mp4">
<source src="/html-css-exercise/basic/solution/php-demo1.ogg" type="video/ogg">
</video>
</body>  
</html>
   

Демонстрация в реальном времени:

Смотрите видео-постер-ответ пера от w3resource ( @ w3resource ) на CodePen .


Посмотреть решение в браузере

Поддерживаемый браузер

«Opera«Интернет
да да да да да

Перейти на страницу упражнений

Каков уровень сложности этого упражнения?

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code