media files
Вставка видео- и аудио-файлов
video<!DOCTYPE html>
<html>
<head>
<style>
body { font-family: Arial; }
</style>
</head>
<body>
<h1>Вставка видео файлов</h1>
<video width="90%" controls>
<source src="https://garevna.github.io/wiki/media/Алгоритм.mp4"
type="video/mp4">
<source src="https://garevna.github.io/wiki/media/Алгоритм.ogg"
type="video/ogg">
Your browser does not support the video tag
</video>
</body>
</html><!DOCTYPE html>
<html>
<head>
<style>
body { font-family: Arial; }
</style>
</head>
<body>
<h1>Вставка аудио файлов</h1>
<audio controls>
<source src="https://garevna.github.io/wiki/media/hello[1].mp3" type="audio/mpeg">
<source src="https://garevna.github.io/wiki/media/hello.ogg" type="audio/ogg">
Your browser does not support the audio tag
</audio>
</body>
</html><!DOCTYPE html>
<html>
<head>
<style>
body { font-family: Arial; }
</style>
</head>
<body>
<h1>Вставка видео и аудио файлов</h1>
<video src="https://garevna.github.io/wiki/media/Алгоритм.mp4"
width="80%" controls>
</video>
<h3>Hello</h3>
<audio src="http://garevna.pp.ua/html-css/mp3/hello.mp3"
controls>
</audio>
<h3>Bomb</h3>
<audio src="http://garevna.pp.ua/html-css/mp3/falling_bomb.mp3"
controls>
</audio>
</body>
</html>
Всемирная паутина
Пример
Flexbox Froggy
