Shop Mobile More Submit  Join Login
Tiny Music Player Tutorial - Add Music to your dA by Hatty-hime Tiny Music Player Tutorial - Add Music to your dA by Hatty-hime
Made this in two seconds.
Yay MS paint.

<img width="300" height="24" src="http</span>:bulletred::bulletred:://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png:bulletred:">
:bulletred:<da::bulletred:embed width="544" height="340" profile="youtube" id="Lto0UF4c8lw">
</span>
:bulletred:

deviantART is stupid and keeps trying to embed it, so just say if it doesnt work.
Take out the 
:bulletred:

The song I used thats featured in this tutorial is this:
www.youtube.com/watch?v=dw7AFJ…


• It does not autoplay.
• It works on firefox, and Chrome and SHOULD work on others as well. If you encounter a problem please be sure to tell me!



To use this code, take out the ******
Any questions, ask, but don't be rude.

**If its already in the tutorial, for example, the tiny code snippet part, and you ask, I wont answer as I don't know how to explain more than that..

It works ONLY for Premium members with ☆ or ★ by their names! However, if you want music on your profile, YOU CAN STILL USE THIS CODE! IT JUST WONT BE MINI-SIZED, IT'LL BE A VIDEO INSTEAD!



Want to see it in action?


Click here: hatakesage.deviantart.com/ and look to your left, midpage!

Edit 3.2.2013
I changed the code so that it'd show in a bubble instead of those ugly lines on the side!
I hope you enjoy <3 Thanks a lot catpain for the idea for that!
Add a Comment:
 
:iconcookie-pelt:
Cookie-Pelt Featured By Owner Jul 1, 2015  Hobbyist Digital Artist
i feel as if i am the ery few people who cant understand this,
It kinda messed my profile so i am just going to ignore this widget xD
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jul 1, 2015  Hobbyist Digital Artist
ok? :p
Reply
:iconcookie-pelt:
Cookie-Pelt Featured By Owner Jul 1, 2015  Hobbyist Digital Artist
though thanks for helping everyone out! Its not you're fault that it didnt work x3
Probabaly mine lol!
Reply
:icontoast-n-knives:
Toast-N-Knives Featured By Owner May 13, 2015  Professional General Artist
It worked but it's not tiny...but oh well...maybe Da is blocking things...
Reply
:icontoast-n-knives:
Toast-N-Knives Featured By Owner May 2, 2015  Professional General Artist
it didn't work...
Reply
:iconriminischatzi:
Riminischatzi Featured By Owner Apr 28, 2015  Hobbyist Traditional Artist
It is like 
Vx-Beacon-LightsxV
said. You only have to minimize the high ^^
Reply
:iconobsidiandragoness:
ObsidianDragoness Featured By Owner Apr 26, 2015  Hobbyist Digital Artist
This helped clarify a lot for me! Thanks! :D
Reply
:iconpawsthekitty:
PawsTheKitty Featured By Owner Apr 26, 2015  Hobbyist Digital Artist
Man this is so confusing....
Reply
:iconshamusworld:
ShamusWorld Featured By Owner Mar 5, 2015  Hobbyist Digital Artist
I've done this but when I click play to try and listen to my song, it does the static thing when you go to youtube and it says playback error or something, is this fixable? 
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Mar 6, 2015  Hobbyist Digital Artist
You may not have got the last code for your video correctly (the last bit where you enter the code from the video)
Try copying and pasting that again? Thats the only reason it doesn't work for me when it does that, other than internet error.
Reply
:iconshamusworld:
ShamusWorld Featured By Owner Mar 6, 2015  Hobbyist Digital Artist
Mk, thanks!
Reply
:iconringsel:
Ringsel Featured By Owner Jan 28, 2015  Hobbyist General Artist
how do you even get a star D;
Reply
:iconiciscle:
Iciscle Featured By Owner Jan 29, 2015  Hobbyist General Artist
you mean the star next to your name?
that's obtained by getting a premium membership XD
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
huh? o-o
Reply
:iconsplinterstripe:
Splinterstripe Featured By Owner Jan 21, 2015  Hobbyist Digital Artist
How are we supposed to copy and paste that code? :c
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
I've been trying to figure it out for months how people can use the code since dA wants to put it into everything nowadays.
Try this, but without the * ?

<*div class="gr-box gr-headless"><*div class="smbutton smbutton-white"><*div class="pp"><*div class="pagination f sitback-container talk-*post cc-*userdetails popup2-clear" id="head*Mast"><img width="300" height="24" src="*http:*//fc06.deviantart*.net/fs71/f/2*012/153/f/*0/enable_flash_plz_by_fli_c-d5*1zq3w.png"><*div class="sitback-slide flex-bottom popup2-clear"><da:embed width="544" height="340" profile="youtube" id="xIIqYqtR1lY"></div></div>
Reply
:iconawesomejammeraj:
AwesomeJammerAJ Featured By Owner Mar 15, 2015  Hobbyist Digital Artist
Thank you, I finally figured out how to do it by that code XD
Reply
:iconsplinterstripe:
Splinterstripe Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
Its okay dear, I got it to work uwu But thank you~
Reply
:iconstrayedmutt:
StrayedMutt Featured By Owner Jan 18, 2015  Hobbyist Digital Artist
It worked for me!
But came up as a video instead,  but that's perfectly fine!
Thank you so much for this great tutorial!
Reply
:iconthejamray:
theJAMRAY Featured By Owner Dec 30, 2014
i wish there was an autoplay
Reply
:iconcometts:
cometts Featured By Owner Dec 23, 2014  Student Digital Artist
Wow thank you for making this!
Reply
:iconshizancreator:
ShizanCreator Featured By Owner Dec 16, 2014  Hobbyist Artist
does it work for super groups if im not a premium member
Reply
:iconpepsiponeh:
Pepsiponeh Featured By Owner Nov 22, 2014  Hobbyist Digital Artist
it sorta worked XD
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Edited Nov 10, 2014  Student Digital Artist
Just confirmed it, it works.

<img width="300" height="24" src="fc06.deviantart.net/fs71/f/201…"><da:embed width="544" height="340" profile="youtube" id="XEEasR7hVhA">

just replace the XEEasR7hVhA part.
Reply
:iconpawsthekitty:
PawsTheKitty Featured By Owner Apr 26, 2015  Hobbyist Digital Artist
It doesn't work without a premium, at all.
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Apr 26, 2015  Student Digital Artist
i.imgur.com/AdYIBL8.jpg

and I don't have premium at all.
Reply
:iconpawsthekitty:
PawsTheKitty Featured By Owner Apr 26, 2015  Hobbyist Digital Artist
I tried doing it but when I pressed play on the vid it said: "Error has occured, click for more options"

Every time


Idk why it isnt working 

I did exactly what you said
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Apr 26, 2015  Student Digital Artist
it's different for every browser.
Reply
:iconflowersprouts:
FlowerSprouts Featured By Owner Jan 13, 2015  Hobbyist Artist
Yay! Thanks!
Reply
:iconwelrd:
WElRD Featured By Owner Dec 22, 2014
When I do this it makes the whole video show instead of just a little mini music player... o-o
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Nov 10, 2014  Hobbyist Digital Artist
OH it totally works. I have it on my profile. :3 Deviantart tries to like code it though, so its hard for people to copy and paste the code :c
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Nov 10, 2014  Student Digital Artist
i know, i'm just putting it out there for people who don't think it works
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Nov 10, 2014  Hobbyist Digital Artist
thanks >u<
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 19, 2015  Student Traditional Artist
It's not working on mine :c I tried 5 times and it'll judt keep saying "error occurred" :c I need help :c so, do I just copy and paste the code and replace the XEEasR7hVhA part? I did that and i'll just doing a static thing :'(
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Nov 10, 2014  Student Digital Artist
No problem!
Reply
:iconphoenixarcana:
PhoenixArcana Featured By Owner Nov 8, 2014  Hobbyist
Is there any other way it will work?
Reply
:iconvxbeacon-lightsxv:
VxBeacon-LightsxV Featured By Owner Oct 24, 2014  Hobbyist Digital Artist
I found out a easy way to get a small player

just change the 
''height = 340''
To
''height = 32''

or if you play it right maybe this code works too

<da:embed width="544" height="35" profile="youtube" id="*PUT YOUR SHORTENED URL HERE*">
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 19, 2015  Student Traditional Artist
OMG!! IT WORKED!! THANK YOU SO MUCH!! *hugs for 20000 years* YOUR THE BEST!!
Reply
:iconvxbeacon-lightsxv:
VxBeacon-LightsxV Featured By Owner Apr 20, 2015  Hobbyist Digital Artist
Happy to help 

do we have flying cars in 22015?
Reply
:iconxxrainbowfazbearxx10:
XxRainbowFazbearXx10 Featured By Owner Apr 20, 2015  Student Traditional Artist
O.O I don't know!
Reply
:iconphoblatlc:
PHOBlATlC Featured By Owner Apr 10, 2015
YES OMG TY IT WORKS FINNALY
Reply
:iconnerotheokami:
NerotheOkami Featured By Owner Nov 30, 2014  Hobbyist Digital Artist
Omg thank you <33
Reply
:iconthegirlofmanyocs:
TheGirlOfManyOCS Featured By Owner Nov 26, 2014  Student Digital Artist
This code worked for me c: 
Reply
:icondazzlethewolf:
Dazzlethewolf Featured By Owner Dec 21, 2014  Hobbyist Digital Artist
THANKS! And here :iconscribbleprincess56: This is how you make it smaller.
Reply
:iconmcgirion1234:
mcgirion1234 Featured By Owner Oct 19, 2014  Student General Artist
so only people with membership add music? is there a nother way to add music i dont really care if it shows the video
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Oct 19, 2014  Hobbyist Digital Artist
The code doesn't really work anymore, sorry.
I mean, it does work if you had it originally, but DeviantART automatically formated the code display on this deviation, so it doesn't work for people who just found it. Does that make sense X_x;


If you use the code, though.
It might work? maybe? Try it if you want. Basically it works for anyone, if you can get it working, but it will show a video on your page instead of a bar
Reply
:iconmcgirion1234:
mcgirion1234 Featured By Owner Oct 22, 2014  Student General Artist
ok thanks for telling me
Reply
:iconhiroshi-boi:
Hiroshi-Boi Featured By Owner Oct 10, 2014  Hobbyist Digital Artist
i dont have premium membership and i dont mind that it isnt small, but do i use the link you gave in the description? where do i put it
Reply
:iconmysteriouscomplexity:
MysteriousComplexity Featured By Owner Sep 25, 2014  Hobbyist General Artist
Can you do the exact same thing with a playlist on youtube?
Reply
Add a Comment:
 
×
Download PNG 1128 × 1816




Details

Submitted on
September 5, 2012
Image Size
165 KB
Resolution
1128×1816
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
28,222 (2 today)
Favourites
1,413 (who?)
Comments
412
Downloads
103
×