Как добавить к своей картинке плеер.

Пятница, 09 Февраля 2018 г. 08:04 + в цитатник

Цитата сообщения Галерея_Дефне

Прочитать целиком В свой цитатник или сообщество!

Как добавить к своей картинке плеер.

По многим просьбам моих читателей я хочу вам рассказать как установить плеер на свою картинку. Например, как на моей картинке.

Это один из способов, которому я научилась у господина Rost За что ему большое спасибо!Формулу я взяла у Ростислава и хочу подробно описать как я это делаю.

Вам понадобится естественно ваша картинка,её ссылка и прямая ссылка на музыку. Я специально выделила красным цветом "прямая ссылка",потому как другие не будут работать в нашем плеере. Картинки могут быть любыми, а вот с музыкальной ссылкой нам немного надо будет поработать. Я пользуюсь сайтом http://music-pesni.com/ Заходим на сайт, находим свою музыку в поисковике

После того как вы найдёте свою композицию,нажимаете правой кнопкой мыши на "скачать" и далее в выпавшем окне нажимаете на "открыть ссылку в новой вкладке".

Вас перебрасывает на страницу, где вы с правой стороны опять нажимаете на кнопку скачать правой кнопкой мыши выбираете "копировать адрес ссылки".Это и будет ваша прямая ссылка на музыку!

Мы получили все что нам требуется:
1. Из кода картинки мы берем только её ссылку
https://img1.liveinternet.ru/images/attach/d/0/140/531/140531859_defne.gif

2.Далее нам нужны размеры картинки, они находятся в ее коде
Ширина картинки-width
Высота-height

3.Прямую ссылку на музыку mp3 файл вы уже имеете
http://music-pesni.com/music/13d12d77eec65dc53ff815c83bd75237.mp3

Теперь все эти данные помещаем в формулу,которую нам любезно предоставил господин Rost
<video controls="controls" width="ширина картинки" height="высота картинки" poster="ссылка на картинку" src="ссылка на mp3 файл"></video>

Вот и всё дорогие друзья! Ваша музыкальная картинка готова! Желаю вам чудесного творчества! Ваша Татьяна.