вторник, 16 января 2018 г.

HTML. Вставка аудио и видео. Теги audio и video

<!-- Добавление видео. Необходимо указывать форматы: mp4, ogv, webm -->


<video controls="controls" poster="http://freedesignfile.com/upload/2017/08/2018-happy-year-of-dog-vector-material-01.jpg" width="400" height="300">
<source src="video/card.mp4"/>
<source src="video/transfer_bank.ogv"/>
<source src="video/transfer_bank.webm"/>
</video>

<!-- <video controls="controls" autoplay="autoplay" width="400" height="300">
<source src="video/card.mp4"/>
<source src="video/transfer_bank.ogv"/>
<source src="video/transfer_bank.webm"/>
</video> -->

<!-- Добавление аудио. Необходимо указывать форматы: ogg, wav, mp3, aac -->
<audio controls="controls" loop="loop" preload="auto">
<source src="audio/sound.mp3"/>
<source src="audio/sound.ogg"/>
<source src="audio/sound.wav"/>
<source src="audio/sound.aac"/>
</audio>
<hr>
<audio controls="controls" src="audio/sound.mp3"></audio>

<!-- Добавьте любой аудио-файл на Web-страницу и поставьте авто воспроизведение. Не забудьте подключить разные форматы файла. -->
<!-- <audio controls="controls" autoplay="autoplay">
<source src="audio/sound.mp3"/>
<source src="audio/sound.ogg"/>
<source src="audio/sound.wav"/>
<source src="audio/sound.aac"/>
</audio> -->

<!-- Скройте панель управления аудио плеером, чтобы аудиофайл воспроизводился на странице в фоновом режиме. -->
<!-- <audio autoplay="autoplay">
<source src="audio/sound.mp3"/>
<source src="audio/sound.ogg"/>
<source src="audio/sound.wav"/>
<source src="audio/sound.aac"/>
</audio> -->

<!-- Добавьте видео на страницу (не забудьте сделать несколько форматов). -->
<!-- <video controls="controls" width="400" height="300">
<source src="video/card.mp4"/>
<source src="video/transfer_bank.ogv"/>
<source src="video/transfer_bank.webm"/>
</video> -->

<!-- Сделайте видео зацикленным, чтобы по завершению оно воспроизводилось заново. -->
<video controls="controls" loop="loop" width="400" height="300">
<source src="video/card.mp4"/>
<source src="video/transfer_bank.ogv"/>
<source src="video/transfer_bank.webm"/>
</video>

Комментариев нет:

Отправить комментарий

Materialize-css. Футер

Сделаем футер и прижмем к низу страницы. Документация: https://materializecss.com/footer.html