تم التجربه من المصدر والتعمل معه في التغير لروابط الموجوده وتغير اللون اذا حبيت
==============================
<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="http://scmplayer.co/script.js"
data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=HsM1yHeXvYg'},{'title':'','url':'https://www.youtube.com/watch?v=jYjc0EfOu1E'},{'title':'','url':'https://www.youtube.com/watch?v=pwto9A6J6tE'},{'title':'','url':'https://www.youtube.com/watch?v=11hyx-qC5Zs'},{'title':'','url':'https://www.youtube.com/watch?v=o8QNIXTsjdg'},{'title':'','url':'https://www.youtube.com/watch?v=zBCpb9OggV8'}]}" ></script>
<!-- SCM Music Player script end -->
==============================
الكود الثاني نفسه بس وضعنا التشغيل تلقائي ووضع اسماء لكل مقطع
==============================
<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="http://scmplayer.co/script.js"
data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'تعديل 8','url':'https://www.youtube.com/watch?v=HsM1yHeXvYg'},{'title':'تعديل 7','url':'https://www.youtube.com/watch?v=jYjc0EfOu1E'},{'title':'تعديل 6','url':'https://www.youtube.com/watch?v=pwto9A6J6tE'},{'title':'تعديل 5','url':'https://www.youtube.com/watch?v=11hyx-qC5Zs'},{'title':'تعديل 4','url':'https://www.youtube.com/watch?v=o8QNIXTsjdg'},{'title':'تعديل 3','url':'https://www.youtube.com/watch?v=zBCpb9OggV8'}]}" ></script>
<!-- SCM Music Player script end -->
==============================
http://scmplayer.co/
هنا المثال
يمكنك وضع الكود بالمواقع حسب ما تختار لوجوده وحتى البلوجرات
بوضع الجافا او تابع
<body>
تحته كما تشاء
