كود مشغل MP3
الثلاثاء فبراير 11, 2020 3:19 am
كود مشغل MP3 جميل لصفحات HTML منتداك
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
- الكود:
<!-- [if IE 6]>
<html id="ie6" lang="en-US">
<![endif] -->
<!-- [if IE 7]>
<html id="ie7" lang="en-US">
<![endif] -->
<!-- [if IE 8]>
<html id="ie8" lang="en-US">
<![endif] -->
<!-- [if !(IE 6) | !(IE 7) | !(IE 8) ]><! -->
<!-- <![endif] --> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width" /> <title>Light Color HTML5 MP3 Player Bar | HTML5 Audio Player for Your Website</title><link rel="profile" href="http://gmpg.org/xfn/11" /><link rel="stylesheet" type="text/css" media="all" href="https://amazingaudioplayer.com/wp-content/themes/twentyeleven/style.css" />
<!-- [if lt IE 9]>
<script src="https://amazingaudioplayer.com/wp-content/themes/twentyeleven/js/html5.js" type="text/javascript"></script>
<![endif] --><link rel="dns-prefetch" href="//s.w.org" /><link rel="alternate" type="application/rss+xml" title="Amazing Audio Player » Feed" href="https://amazingaudioplayer.com/feed/" /><link rel="alternate" type="application/rss+xml" title="Amazing Audio Player » Comments Feed" href="https://amazingaudioplayer.com/comments/feed/" /> <script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/amazingaudioplayer.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.5"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script> <style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style> <link rel="stylesheet" id="wp-block-library-css" href="https://amazingaudioplayer.com/wp-includes/css/dist/block-library/style.min.css?ver=5.2.5" type="text/css" media="all" /><script type="text/javascript" src="https://amazingaudioplayer.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp"></script><script type="text/javascript" src="https://amazingaudioplayer.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script><script type="text/javascript" src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/sharedengine/amazingaudioplayer.js?ver=1.0"></script><script type="text/javascript" src="https://amazingaudioplayer.com/wp-content/plugins/wonderplugin-lightbox/engine/wonderpluginlightbox.js?ver=2.0"></script><link rel="https://api.w.org/" href="https://amazingaudioplayer.com/wp-json/" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://amazingaudioplayer.com/wp-includes/wlwmanifest.xml" /> <link rel="canonical" href="https://amazingaudioplayer.com/examples/light-color-html5-mp3-player-bar-id3/" /><link rel="shortlink" href="https://amazingaudioplayer.com/?p=2543" /><link rel="alternate" type="application/json+oembed" href="https://amazingaudioplayer.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famazingaudioplayer.com%2Fexamples%2Flight-color-html5-mp3-player-bar-id3%2F" /><link rel="alternate" type="text/xml+oembed" href="https://amazingaudioplayer.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Famazingaudioplayer.com%2Fexamples%2Flight-color-html5-mp3-player-bar-id3%2F&format=xml" /> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44084639-1', 'auto');
ga('send', 'pageview');
</script> <style type="text/css" id="syntaxhighlighteranchor"></style>
<div id="page" class="hfeed">
<header id="branding" role="banner"></header>
<div style="text-align: center;">
<br />
</div><header style="text-align: center;" id="branding" role="banner"><span style="font-size: 16px;">كود مشغل MP3 </span></header>
<div style="text-align: center;"> <br />
</div><header id="branding" role="banner"></header><header style="text-align: center;" id="branding" role="banner"><hgroup> </hgroup></header>
<div id="main">
<div id="primary">
<div class="demo-slider">
<link rel="stylesheet" type="text/css" media="all" href="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audioplayerengine/initaudioplayer.css" />
<div id="amazingaudioplayer-3" style="text-align: center; display: block; position: relative; width: 397px; height: auto; margin: 0px auto; left: 0px; top: 0px;">
<br />
<ul class="amazingaudioplayer-audios" style="display:none;">
<li data-artist="pinkzebra" data-title="In The Moment of Inspiration" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/golden-wheat-field.jpg" data-duration="154">
<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/In the Moment of Inspiration.mp3" data-type="audio/mpeg">
</div>
</li>
<li data-artist="pinkzebra" data-title="Inspiring Ideas into Motion" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/sunny-day.jpg" data-duration="137">
<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/Inspiring Ideas into Motion.mp3" data-type="audio/mpeg">
</div>
</li>
<li data-artist="pinkzebra" data-title="Peaceful Dawn" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/desert-sunrise.jpg" data-duration="129">
<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/Peaceful Dawn.mp3" data-type="audio/mpeg">
</div>
</li>
<li data-artist="pinkzebra" data-title="Photos and Memories" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/dandelion.jpg" data-duration="133">
<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/Photos and Memories.mp3" data-type="audio/mpeg">
</div>
</li>
<li data-artist="pinkzebra" data-title="Soaring Spirit" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/tulips.jpg" data-duration="130">
<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audios/Soaring Spirit.mp3" data-type="audio/mpeg">
</div>
</li>
</ul>
<div class="amazingaudioplayer-engine" style="display:none;">
<a href="https://amazingaudioplayer.com" title="WordPress music player">WordPress jquery audio player</a>
</div>
</div>
<script src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/3/audioplayerengine/initaudioplayer.js"></script>
</div>
<!-- #content -->
</div>
<!-- #primary -->
</div>
<!-- #main -->
<!-- #colophon -->
</div>
- kariaka3977عضو مشارك
- الجنس :
عدد الرسائل : 28
تاريخ التسجيل : 31/08/2009
_da3m_22
الجمعة فبراير 28, 2020 9:37 pm
موضوع رائع بوركت
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى