ПЛЕЕР-КОДЫ ПРИМЕРЫ Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных, просто опубликую HTML5 "коды" основных плееров. Очень кратко, на вопросы отвечать не буду. Сразу скажу, что коды могут быть не обязательно вот прямо точь в точь такими. Если интересны подробности, почитайте в учебниках или справочниках по HTML5 про теги "audio" и "video". Аудиоплеер <audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio> Видеооплеер <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на заставку для видео (картинка)" src="тут ссылка на видеофайл"></video> Параметр "poster" может отсутствовать. Ширина и высота указывается в пикселях. Музыкальная открытка По сути это - видеоплеер, но с аудиофайлом: <video controls="controls" width="тут ширина картинки" height="тут высота картинки" poster="тут ссылка на картинку" src="тут ссылка на файл mp3" type="audio/mpeg"></video> Совет. Чтобы кнопки управления воспроизведением не закрывали картинку, рекомендую добавить внизу картинку что-то примерно на 30 пикселей. Оформление плееров на ли ру. В своем посте - HTML5 для ЛиРу - коды плееров https://www.liveinternet.ru/users/marmuh/post429068712/ Rost предложил варианты Аудиоплеера, Видеоплеера и Музыкальной открытки. В частности, вот такой аудиоплеер. <*audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"><*/audio> С музыкой плеер выглядит сл. образом: его код : <*audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"><*/audio>, где //img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3 - код музыки. Я загрузила его в пост со своего компьютера. Чтобы немного украсить этот аудиоплеер, я поместила его в рамочку, обычную, маленькую рамочку. Вот пример: 1. Его код: <table background="<a href="https://buddies.vteximg.com.br/arquivos/ORO.jpg"" target="_blank">https://buddies.vteximg.com.br/arquivos/ORO.jpg"</a> border="2" cellpadding="2" style="WIDTH: 310px;cellspacing="><tbody><tr><td><font color="#000000" face="arial" font="font" size="5"><audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"></audio></font></td></tr></tbody></table> Еще несколько вариантов оформления таких аудиоплееров: 2. [показать] 3. 4. *Mariea@mmg* В плеерах музыка из моего архива с компьютера. Сегодня она звучит для вас!