Нажми на картинку и посмотри флешку: [показать]

[500x]

Плеер с песней справа наверху

Танечка, привет! То, что ты называешь "кнопочкой" и есть HTML плеер. Его стандартный вид вот такой Сама видишь, какой он некрасивый. Я попыталась его усовершенствовать и превратить в кнопочку с обводкой, цвет обводки можно менять, а цвет самого плеера, к сожалению, нет. Тогда он стал выглядеть так А потом просто наложила на картинку котика. В HTML мухи и котлеты (картинка и плеер) размещаются отдельно. Плеер можно разместить в разных местах картинки, например, так Видишь, девочки уже делают сами по моей формуле. Это во флеш плеер был единым целым. Но там совсем другой принцип, каждый слой представляет собой видеоролик, каждый из которых прокручивается отдельно. В результате во флеш просто неограниченные возможности. Но они, к сожалению, оказались уязвимыми для вирусов, из-за этого их и хотят закрыть. Эх, будет очень жаль, если это случится. Анимация по сравнению с флеш – детский лепет. А весит при этом ого-го.

&lt;audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/1//5009/5009017_instrumental_2.mp3"&gt;&lt;/audio&gt;</plaintext> </div> <div class="pda-comm_itm_nav"> <a href="#" onclick="return sayName('Marina-Rozina');">Обратиться</a> - <a href="#" onclick="return answerTo('Marina-Rozina','21-01-2020 11:11',701821730);">Ответить</a> - <a href="https://www.liveinternet.ru/users/marina-rozina/post401170051/page1.html#BlCom701821730" target=_blank title="К комментарию в полной версии сайта">К полной версии</a> </div> </div> <div class="pda-comm_itm" id="pda-comm_21-01-2020-11-13"> <div class="pda-comm_itm_hdr"> <a href="?jid=5067254"><b>Marina-Rozina</b></a> 21-01-2020-11:13 <a href="?jid=5067254&pid=401170051&cid=701821738&act=delcomment" onclick="confirmRemoving(this);return false;">удалить</a> </div> <div class="pda-comm_itm_body"> <plaintext><audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/1//5009/5009017_instrumental_2.mp3"></audio></plaintext> </div> <div class="pda-comm_itm_nav"> <a href="#" onclick="return sayName('Marina-Rozina');">Обратиться</a> - <a href="#" onclick="return answerTo('Marina-Rozina','21-01-2020 11:13',701821738);">Ответить</a> - <a href="https://www.liveinternet.ru/users/marina-rozina/post401170051/page1.html#BlCom701821738" target=_blank title="К комментарию в полной версии сайта">К полной версии</a> </div> </div> <br/><br/> <!--AdFox START--> <!--MarTi--> <!--Площадка: liveinternet.ru / * / *--> <!--Тип баннера: Mobile--> <!--Расположение: 3--> <div id="adfox_mob3"></div> <script> window.yaContextCb.push(()=>{ Ya.adfoxCode.create({ ownerId: 254948, containerId: 'adfox_mob3', params: { pp: 'nol', ps: 'erxe', p2: 'fwbj', puid1: '', puid2: '', puid3: '' } }) }) </script> <div class="pda-comm_hdr"> <strong>Комментарии (11):</strong> <a href="#top">вверх^</a> </div> <h2>Вы сейчас не можете прокомментировать это сообщение.</h2> <div class="pda-nav"> <b> Дневник Плеер Татьянин день | Marina-Rozina - Дневник Marina_Rozina | </b> <span><a href="?jid=5067254&amp;friends=1">Лента друзей Marina-Rozina</a></span> / <a href="https://www.liveinternet.ru/users/marina-rozina/">Полная версия</a> <span class="pda-nav_friend"> <a href="/member2.php?action=addlist&userlist=buddy&userid=5067254&userownid=">Добавить в друзья</a> </span> Страницы: <a href="?jid=5067254&amp;page=1&amp;friends=&amp;lastpostid=">раньше&raquo;</a> </div> </div> </div> </div> </div> <iframe src="/cookie/check.html" width=0 height=0 marginwidth=0 marginheight=0 scrolling=no frameborder=0></iframe> <!--AdFox START--> <!--MarTi--> <!--Площадка: liveinternet.ru / * / *--> <!--Тип баннера: Mobile--> <!--Расположение: fullscreen--> <div id="adfox_mob_fullscreen"></div> <script> window.yaContextCb.push(()=>{ Ya.adfoxCode.createAdaptive({ ownerId: 254948, containerId: 'adfox_mob_fullscreen', type: 'fullscreen', platform: 'touch', params: { pp: 'kdt', ps: 'erxe', p2: 'fwbj', puid1: '', puid2: '', puid3: '' } }, ['phone'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(51940778, "init", { id:51940778, clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/51940778" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- Yandex.RTB R-A-125905-43 --> <div id="yandex_rtb_R-A-125905-43"></div> <script> window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-125905-43", "renderTo": "yandex_rtb_R-A-125905-43", "type": "feed" }) }) </script> <!-- /Yandex.Metrika counter --> <script type="text/javascript"><!-- document.write('<img src="http://counter.yadro.ru/hit?r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';'+Math.random()+ '" width=1 height=1 alt="">')//--></script> </body> </html><!-- host116 / 20251229071432 //-->