Ответ на комментарий # Добавил код. Вставить его прямо в редактор (исходник). В коменте искажается.

А из какого источника сюда можно ставить музыку?

Ответ на комментарий # Спасибо!

Благодарю!

Ответ на комментарий Mirosslava # Mirosslava, Марина Розина советует брать музыку с сайта завалинки

Ответ на комментарий Luba_G # Спасибо!

Ответ на комментарий Mirosslava # Mirosslava, ссылка на сайтhttps://tunnel.ru/

Ответ на комментарий Luba_G # Спасибо!

Ответ на комментарий Mirosslava # -С самого ЛиРу при помощи SaveFrom.net (браузерное расширение Chameleon). -"Завалинка": https://tunnel.ru/ -С Гугл-сайты: при наличии аккаунта Гугл (***gmail.com) создать бесплатный сайт. Пример:

Ответ на комментарий # Тут позиционирование пострадало. В комментах коды, бывает, срабатывают кривовато.

Ответ на комментарий Jorjorych # Я в такой плеер вставляла музыку с компа, загружая песни на Лиру... Сюда тоже так можно?

Ответ на комментарий Mirosslava # Именно так! А если воспользоваться упомянутым расширением, то любой аудио файл с любого дневника ЛиРушного можно загрузить (получить ссылку)!

Ответ на комментарий Jorjorych #

Ответ на комментарий ЛЮДМИЛА_ГОРНАЯ # Творческого настроения!

Ответ на комментарий Jorjorych # Спасибо! Я всё поняла!

Ответ на комментарий Mir5 # То же смещение. В пост, думаю, будет нормально.

Ответ на комментарий Jorjorych # Вот здесь я сделала плеер https://www.liveinternet.ru/users/mirosslava/post361895889/ Вокруг много пустого места... Возможно нужно поиграть с размерами...

Добрый день,Георгий! Зачем все усложнять..блок div...transform надо все упрощать через table главное выставить кнопку пуска в нужное место и при этом не двоилось изображение фон.Сделать это можно при помощи padding-left и padding-top,ну и valign . Я специально оставил прозрачность 0.5...

Благодарю Георгий,только пока ни чего не понла.Нужно попробовать!!!!задумался!

Георгий, я не поняла о каком "хемерном" хвосте речь. Я взяла свою "нотку" и поставила ее на фон. Двойных изображений у меня нет. Для примера я тебе отправлю код. Посмотришь!

Ответ на комментарий starik51 # Привет, Виктор! Спасибо, это всё понятно мне! Но я поставил перед собой задачу: спрятать правую часть плеера после кнопки пуска. Потому и стал использовать div, иначе мне не удаётся это осуществить. Ведь без покрытия правой части выступают её компоненты, на которых нажав можно выключить звук и не понять что случилось. Если такой приём возможен через table - подскажи, ты лучший знаток html. Сейчас я выложил пост с открыткой по этому принципу, посмотри как будет время, изучи и посоветуй что и как. Спасибо, жду!

Ответ на комментарий Jorjorych # Спрятать правую часть не получится ни как..не с помощью table и div потому что исчезнет тогда кнопка пуска и плеер просто не будет включаться это заложено в настройках браузера,но у каждого браузера заложена своя длина плеера,например для Оперы она 97рх,а для других 120..есть еще 140рх при которых она видна сделаешь меньше играть не будет..я тоже хотел,но потом все понял и перестал заморачиваться

Ответ на комментарий Татьяна_Волкова_Литвинова # Курсор-рука активен на всём протяжении невидимого плеера. А мне нужно чтобы проявлялась только область кнопки-треугольничка для запуска и остановки аудио! Остальное остаётся в силе!

Ответ на комментарий Jorjorych # Понятно. Подумаю!

Ответ на комментарий Нина36 # Привет, Нина! Учим html , пока без особых успехов. Но ... не сдаёмся!

Ответ на комментарий starik51 # Возьми код из этого поста: https://www.liveinternet.ru/users/jorjorych/post483255220/ думаю поймёшь о чём я и как решил. Второй div накладывается на первый и таким образом спрятал "хвост" , то есть правую часть активного плеера перекрыл другим "незаряженным". Хотел картинкус необходимыми размерами использовать - не получается у меня! Трансформация активного плеера не обязательна, просто для увеличения размера кнопки, а перекрывающий нужно трансформировать для полного перекрытия верхнего div -а. Посмотри код, станет понятно о чём я. Если это возможно решить иначе - подскажи, буду должен!

Замечательно, Георгий! Я в этом пока ничего не понимаю.

Ответ на комментарий koreckolga # Да и я пытаюсь осилить не совсем посильную для меня науку!

Ответ на комментарий Jorjorych # Я случайно нашла на иностранном сайте вот такую открыточку, есть кнопка "пуск", есть кнопка "стоп".

Мне очень интересно, а как такое можно сделать и в какой программе?