Как установить и смотреть видео в плеере HTML5? Проигрыватель HTML5 готовится вытеснить плагин Adobe Flash Player. Каждый известный браузер Google Chrome, Opera и Mozila Firefox имеют свои расширения, которые поддерживают данный стандарт.
Что умеет делать плеер HTML5, как установить и работать в нем - об этом и идет речь в данном видео:



Ссылки на установления дополнений для браузеров:
1.Google Chrome - https://goo.gl/jLMKz8
2. Опера - https://goo.gl/FVjwd1
3. Мозила Firefox - https://goo.gl/tT6oH7

Проигрыватель видео HTML5 от YouTube - https://www.youtube.com/html5

Вставка изображения

Для вставки изображения в html-документ используется непарный тег <img>, который помещается в то место документа, где должно быть вставлено изображение. У этого тега есть обязательный параметр src, значение которого указывает путь к нужному изображению в каталоге вашего сайта.

Например, чтобы поместить на страничку изображение:

в нужном месте документа помещается строчка:

<img src="http://www.mysite.com/img/1.png">

Это дает браузеру понять, что в корневом каталоге сайта www.mysite.com есть подкаталог img, в нем лежит изображение с именем 1.png, которое и нужно поместить на страничке.

Вот такой плеер встроен в браузерах по умолчанию. Во всяком случае это верно для Mozilla Firefox и Google Chrome.А для того чтоб использовать его на своём сайте или дневнике Вам нужен HTML код. Не пугайтесь, это совсем не сложно.

Вот этот код:

<audio controls='controls'>
<source src="ССЫЛКА  НА  АУДИО" type="audio/mpeg" />
</audio>

Код найдёте и во вложении к посту. Скопируйте его и впишите в редактор сайта или дневника. Можно ставить в рамочку, прикрепить к работам, в эпиграф дневника. А вместо слов "ССЫЛКА  НА  АУДИО" вставьте ссылку на любимую и уместную случаю музыку. Поддерживаются несколько аудиоформатов, но уверенней пользуйтесь распространённым MP3.

Аналогичный плеер для видео тоже есть, но об этом в другой раз.

Всем творческого успеха! Вопросы приветствуются!

Исходник

Серия сообщений "МОИ УРОКИ. ":
Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
...
Часть 36 - Урок создания телика "Cruto_TV". АФ, AS2.
Часть 37 - Урок: Делаем регулятор громкости во флеш, AS3.
Часть 38 - Пользуйтесь своим браузерным плеером!
Часть 39 - Сайт-портал "zaycev.net" - как пользоваться.