HOME | DD

Hatty-hime — Tiny Music Player Tutorial - Add Music to your dA

Published: 2012-09-05 10:09:27 +0000 UTC; Views: 44184; Favourites: 1390; Downloads: 135
Redirect to original
Description Made this in two seconds.
Yay MS paint.


://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png">

embed width="544" height="340" profile="youtube" id="Lto0UF4c8lw">


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

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!

Related content
Comments: 444

Marinaplo [2018-02-27 01:28:47 +0000 UTC]

Does this work with Groups and Playlists?

👍: 0 ⏩: 0

Cortni-Whitney [2018-02-05 03:49:11 +0000 UTC]

thank you , this coding worked perfectly

👍: 0 ⏩: 0

StarrieNova [2017-02-28 14:09:52 +0000 UTC]

The play button image I see in your tutorial doesn't seem to work. Oddly enough it just shows the YouTube video. Which is cool too, but I was hoping it would look a tad neater bu just displaying the play button like yours. Do you think you could help me out some dearie?

👍: 0 ⏩: 2

bunblush In reply to StarrieNova [2018-10-06 19:35:31 +0000 UTC]

i know this was a year ago in february but how did you do it??

👍: 0 ⏩: 0

StarrieNova In reply to StarrieNova [2017-02-28 14:13:03 +0000 UTC]

Never mind hun

👍: 0 ⏩: 0

Wing-b0ne [2017-02-14 23:52:55 +0000 UTC]

Could you add this on a project??

👍: 0 ⏩: 0

Inky-Rain [2016-12-26 05:53:50 +0000 UTC]

Who made the box background in the thing under the Title? :3

👍: 0 ⏩: 0

LynKofWinds [2016-11-27 01:28:08 +0000 UTC]

I set everything up, but it's not working correctly... It shows the whole video. From the comments it sounds like other people have been having this issue, so does anyone know what I should paste in to fix it?

👍: 0 ⏩: 0

EkiBEN2000 [2016-11-14 11:34:10 +0000 UTC]

doesn't work for me and i'm a premium, e.e

i had to play with the code to make it work

👍: 0 ⏩: 1

Hatty-hime In reply to EkiBEN2000 [2016-11-15 18:44:21 +0000 UTC]

Thats because its an old code, and also deviantart has since messed with the way codes preview sorry

👍: 0 ⏩: 1

EkiBEN2000 In reply to Hatty-hime [2016-11-15 21:12:06 +0000 UTC]

how come i've seen people with working music players?

👍: 0 ⏩: 1

Hatty-hime In reply to EkiBEN2000 [2016-11-20 14:42:40 +0000 UTC]

They have taken the code and edited it to where it works. It's possible, I just havent been on dA often enough and dont have a subscription anymore to fix the issue.

👍: 0 ⏩: 0

DoodleKai [2016-11-11 21:17:16 +0000 UTC]

yay

👍: 0 ⏩: 0

Th3BlueRose [2016-10-11 22:41:53 +0000 UTC]

So much better than Cypher's mini players. Those are so outdated and don't show the whole video!


Thank you so much! <3

👍: 0 ⏩: 1

Hatty-hime In reply to Th3BlueRose [2016-10-15 08:40:58 +0000 UTC]

The coding likes to mess up on mine too, unfortunately
thanks anyway!

👍: 0 ⏩: 0

KiaraDGPaws [2016-10-08 04:35:54 +0000 UTC]

its not working omg

👍: 0 ⏩: 0

KiaraDGPaws [2016-09-30 04:14:56 +0000 UTC]

please i need code

👍: 0 ⏩: 1

LightNightSpark In reply to KiaraDGPaws [2016-10-04 19:48:41 +0000 UTC]




👍: 0 ⏩: 1

KiaraDGPaws In reply to LightNightSpark [2016-10-04 23:50:31 +0000 UTC]

Thank u ;v;

👍: 0 ⏩: 0

KiaraDGPaws [2016-09-29 13:30:42 +0000 UTC]

code pleaseeee

👍: 0 ⏩: 0

ClefairyKid [2016-05-21 08:46:23 +0000 UTC]

just showed a huge video for me, wasn't tiny, and I'm always premium so D:

👍: 0 ⏩: 1

Hatty-hime In reply to ClefairyKid [2016-05-21 14:18:44 +0000 UTC]

Sorry, for a while dA has messed up my coding so it's been messed up.
I haven't been premium so I'm no good at fixing it, sorry.

👍: 0 ⏩: 1

ClefairyKid In reply to Hatty-hime [2016-05-21 15:29:08 +0000 UTC]

ah that's ok, just was confused that it seemed like no one else had noticed yet XD I might poke CypherVisor about it 

👍: 0 ⏩: 0

Tulip3030 [2016-02-09 03:12:56 +0000 UTC]

Thank you! Although I'd recommend to use something more to this: 
fc06.deviantart.net/fs71/f/201… ">.
This is because the i guess the code you gave us there's this weird code in the beginning to set sizes for the image and it just appears as a weird border. To change the size, you just have to play around a little by replacing the #'s in the quotes which I set as 50x50 for height and width because I liked the effect it gives you that way where the bar shows up at the top and the pause button is at the bottom right corner. If you don't know what I mean, go to my profile.
I hope other viewers who are looking to add music to their pages, or the full video (which you should scale down 640x480 and not use 50x50) find this helpful, and that the creator of this sees it as interesting.
Also, can I make a journal on this? (I may or may not, depending on if I have the time but I think it could be useful.) I can tag you.

👍: 0 ⏩: 0

mabelficent [2015-12-13 13:15:05 +0000 UTC]

Why is it only showing up as a video?

👍: 0 ⏩: 1

Rifu-Kun In reply to mabelficent [2016-01-31 00:58:10 +0000 UTC]

You need to be a premium member or core or something with a star next to your name.

👍: 0 ⏩: 0

Je-nny [2015-12-10 07:39:48 +0000 UTC]

Whenever I use the code it comes up as text?! D:

👍: 0 ⏩: 1

Rifu-Kun In reply to Je-nny [2016-01-31 00:57:36 +0000 UTC]

Remove the parts

👍: 0 ⏩: 1

Je-nny In reply to Rifu-Kun [2016-01-31 05:01:11 +0000 UTC]

I did it still did the text

👍: 0 ⏩: 0

LadyLikePyroGrrl [2015-09-26 00:51:01 +0000 UTC]

 

👍: 0 ⏩: 0

Super-fox-layer100 [2015-09-17 07:43:50 +0000 UTC]

It works!!

👍: 0 ⏩: 0

WhiteWings [2015-09-03 16:34:29 +0000 UTC]

THANK YOUUUU! QUQ

👍: 0 ⏩: 0

Bitc-h [2015-07-01 10:06:12 +0000 UTC]

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

👍: 0 ⏩: 1

Hatty-hime In reply to Bitc-h [2015-07-01 10:13:16 +0000 UTC]

ok?

👍: 0 ⏩: 1

Bitc-h In reply to Hatty-hime [2015-07-01 10:16:25 +0000 UTC]

though thanks for helping everyone out! Its not you're fault that it didnt work x3
Probabaly mine lol!

👍: 0 ⏩: 0

ToastyCosplay [2015-05-13 08:04:55 +0000 UTC]

It worked but it's not tiny...but oh well...maybe Da is blocking things...

👍: 0 ⏩: 0

ToastyCosplay [2015-05-02 22:27:59 +0000 UTC]

it didn't work...

👍: 0 ⏩: 0

Riminischatzi [2015-04-28 15:20:49 +0000 UTC]

It is like 
Vx-Beacon-LightsxV
said. You only have to minimize the high ^^

👍: 0 ⏩: 0

ObsidianDragoness [2015-04-26 23:46:33 +0000 UTC]

This helped clarify a lot for me! Thanks!

👍: 0 ⏩: 0

PawsTheKitty [2015-04-26 22:03:24 +0000 UTC]

Man this is so confusing....

👍: 0 ⏩: 0

ShamusWorld [2015-03-05 20:34:02 +0000 UTC]

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? 

👍: 0 ⏩: 1

Hatty-hime In reply to ShamusWorld [2015-03-06 16:11:16 +0000 UTC]

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.

👍: 0 ⏩: 1

ShamusWorld In reply to Hatty-hime [2015-03-06 16:16:21 +0000 UTC]

Mk, thanks!

👍: 0 ⏩: 0

Ringsel [2015-01-28 10:15:35 +0000 UTC]

how do you even get a star D;

👍: 0 ⏩: 2

Iciscle In reply to Ringsel [2015-01-29 23:09:37 +0000 UTC]

you mean the star next to your name?
that's obtained by getting a premium membership XD

👍: 0 ⏩: 0

Hatty-hime In reply to Ringsel [2015-01-28 10:49:56 +0000 UTC]

huh? o-o

👍: 0 ⏩: 0

milcake [2015-01-22 04:00:30 +0000 UTC]

How are we supposed to copy and paste that code? :c

👍: 0 ⏩: 1

Hatty-hime In reply to milcake [2015-01-28 06:42:45 +0000 UTC]

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"><*div class="sitback-slide flex-bottom popup2-clear">

👍: 0 ⏩: 2

AwesomeJammerAJ In reply to Hatty-hime [2015-03-15 20:00:16 +0000 UTC]

Thank you, I finally figured out how to do it by that code XD

👍: 0 ⏩: 0

milcake In reply to Hatty-hime [2015-01-28 11:27:06 +0000 UTC]

Its okay dear, I got it to work uwu But thank you~

👍: 0 ⏩: 0


| Next =>