Shop Mobile More Submit  Join Login


If you are still uncertain about the steps, scroll down to the author description below to see the link of the video tutorial on how to embed the music/video player on your profile.



Video embedding.



TL;DR: Instructions simplified

Edit: You no longer have to be a Beta Tester in order to use the above code, nor a premium member. Anyone can embed a video onto their profile.


:bulletred:Copy Youtube code.

Use this code for custom boxes. You can change the width and height yourself: (You need to be a premium member to use custom boxes.)

<div class="video"><da:embed profile="youtube" id="YOUR VID-ID GOES HERE" width="500" height="284"></div>

Use this code for journals:

<div class="video"><da:embed profile="youtube" id="yzC4hFK5P3g"></div>

You can substitute "youtube" with "film" or "vimeo" in order to embed dA films or vimeo videos. Simply find the video ID for the video you want that corresponds.

:bulletred:Paste code into Custom Box.

:bulletred:Find video on Youtube.

:bulletred:Look at video's URL in the URL bar above or click on Share.

:bulletred:Find video's ID exactly where it says it should be in instructions.

If link looks like this:

URL ~ youtube.com/watch?feature=player_embedded&v=yzC4hFK5P3g
URL ~ youtube.com/watch?v=yzC4hFK5P3g
Share ~ youtu.be/yzC4hFK5P3g

In which case this video's ID is yzC4hFK5P3g.

:bulletred:Copy ID.

:bulletred:Paste ID in between quotation marks in the code as shown above.
Not the entire link. Just the ID.

It should look like the following (no, the ID does not require being bold and don't forget to paste in BETWEEN the quotation marks):

<div class="video"><da:embed profile="youtube" id="yzC4hFK5P3g" width="500" height="284"></div>
Do not delete the quotation marks. You put the ID in between the quotation marks.


:bulletred:Click on Save. Enjoy video.

:bulletpurple:If you want to put a Youtube video as your journal's header, use the Youtube Journal CSS journal skin.

:bulletpurple:Install the skin and when you edit or create a new journal entry, click on Edit Skin and you will find the same code in the header section of the journal's CSS. Follow instructions as above to continue.

Before you ask, I repeat the quotation mark thing because people keep forgetting that the quotation marks are important and the code won't work without them.

Mini music player embedding



If you are seeing "Please enable Flash Player" :star:

Only premium users can use the compact code as far as I am currently aware. It will not work for none premium users and will usually either only show you the original size video or give you an error message "Please enable Flash".



It has come to my attention that embedding a mini music player is also possible, though the player will only play one song at a time and will not autoplay. The code works exactly like the above code as in that you copy and paste it where you want to feature a song (custom box, journal header/body/footer). You find the song on Youtube and grab the vid ID just like the instructions above and paste it where it tells you to add the vid ID in the code.

Transparent:



<div class="ppp"><div class="pagination f sitback-container talk-post cc-userdetails popup2-clear" id="headMast"><img width="300" height="24" src="http://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png"><div class="sitback-slide flex-bottom popup2-clear"><da:embed width="544" height="340" profile="youtube" id="YOUR VID ID GOES HERE"></div>

This will give you the mini player without any background color or boarder.

Color:



However, if you want to add color around your player, you can do this too.

<div class="thumb-holder"><div class="smbutton smbutton-COLOR smbutton-small smbutton-curvy"><div class="pp"><div class="pagination f sitback-container talk-post cc-userdetails popup2-clear" id="headMast"><img width="300" height="24" src="http://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png">
<da:embed width="544" height="340" profile="youtube" id="YOUR VID ID GOES HERE">
</div>

In the "COLOR" spot, you may add one of the following: normal, blue, deepgreen, white, red, purple, green.

I am certain there are other color/customization possibilities, so for those who are familiar with code, feel free to experiment. If you discover anything worthwhile and would like to share, send me a PM with the code so I can post it here.

Note: Just like the video embed, you can embed more than one music player at a time as well. You can stack them.
Updated! Fixed the CSS.

Just a quick tutorial on how to embed a video on your profile.

VIDEO TUTORIAL

Add a Comment:
 
:iconkkazuoi:
KKazuoi Featured By Owner 2 hours ago
Thank you
Reply
:icondistractio:
Distractio Featured By Owner 20 hours ago  Student General Artist
Omg! The mentioned youtube link is one of my fav MV! :happybounce:
Reply
:iconyun-kirimiya:
Yun-Kirimiya Featured By Owner 5 days ago
-I don't understand . Because I 'm from Viet Nam.-.
Reply
:iconrokku-rockman:
Rokku-RockMan Featured By Owner Feb 3, 2016  New Deviant
Very helpful, thank you :)
Reply
:iconroyalou:
royalou Featured By Owner Jan 31, 2016  Hobbyist
I'm not using a custom box, instead I'm using my donation pool as a decoration. Would the coding be different or the same as the custom boxes? o;
Reply
:iconpaunnka:
Paunnka Featured By Owner Dec 30, 2015  New Deviant Student
Thank you! :typerhappy:
Reply
:iconself-exile:
self-exile Featured By Owner Dec 12, 2015
Very helpful tutorial, thank you very much!
Reply
:iconkane809:
kane809 Featured By Owner Dec 7, 2015
:iconclapplz: thank you.
Reply
:iconkathibarker:
kathibarker Featured By Owner Dec 4, 2015
Thanks for tips, i also want to add, that i know method how to promote your video. If you interested you can buy YouTube views from Rocket-Followers We have only real viewers and followers
Reply
:iconmkraiden:
MKRaiden Featured By Owner Nov 18, 2015
do you have to have core to have the video actually show up?
Reply
:icon23questionmark:
23QuestionMark Featured By Owner Nov 20, 2015  Hobbyist Digital Artist
no
Reply
:iconmkraiden:
MKRaiden Featured By Owner Nov 20, 2015
ok
Reply
:iconninjanewt94:
NinjaNewt94 Featured By Owner Nov 12, 2015  Hobbyist Artist
This was very helpful thanks so much!
Reply
:iconmollyofthemoon:
MollyoftheMoon Featured By Owner Nov 4, 2015  Hobbyist General Artist
Thank you for the useful info :heart:
Reply
:iconengibee:
engibee Featured By Owner Oct 26, 2015  Hobbyist Digital Artist
thank you
Reply
:iconautumn-opaline:
Autumn-Opaline Featured By Owner Edited Oct 17, 2015  Professional General Artist
This helped me a bunch, was able to get it into my deviantID box ((so hopefully, if/when my Core membership is gone, my video should still be there, right?)). Thanks so much!
Reply
:iconphoenaxis:
Phoenaxis Featured By Owner Sep 30, 2015  Professional General Artist
I've put a youtube video into a custom box but I'm unable to change the width dimension no matter what number I put in. How do I fix this?
Reply
:iconphoenaxis:
Phoenaxis Featured By Owner Sep 30, 2015  Professional General Artist
to illiterate, the height dimension option works just fine but the width doesn't, please help
Reply
:icondrea-bacon-pie:
Drea-Bacon-Pie Featured By Owner Sep 14, 2015  Student Artist
im gonna cry ur amazing
Reply
:iconzoehana:
ZoeHana Featured By Owner Aug 31, 2015  Professional General Artist
I was able to use the code in my DeviantArt ID box.  Now I have a video for my DA ID.
Reply
:iconself-exile:
self-exile Featured By Owner Aug 29, 2015
Thank you so much! Video embeding works very well!
Reply
:icondeniai:
DENIAI Featured By Owner Aug 26, 2015   Digital Artist
omg this is great!!

how do you do this for an image tho
Reply
:iconrebelmyth:
RebelMyth Featured By Owner Sep 22, 2015
You can also do <img src= "url of image">
(Right-click an image and choose "copy image URL" to get the URL)
Reply
:icongr0ssb0y:
Gr0ssB0y Featured By Owner Aug 27, 2015  Hobbyist Digital Artist
scroll down the page and find the thumb
if the pictures to small when you put it on your page, put it :bigtumbxxxxxx: instead
Reply
:icondeniai:
DENIAI Featured By Owner Sep 19, 2015   Digital Artist
Oh ok, thanks!
Reply
:iconmosstar13:
MoSsTaR13 Featured By Owner Aug 17, 2015  Student Traditional Artist
Thanks! It sure helps a lot! (and YAY SLENDERMAN >:3)
Reply
:iconwickidlystrange13:
WickidlyStrange13 Featured By Owner Aug 16, 2015  Student Digital Artist
I wish I could do this.
Reply
:iconspeedysketch:
speedysketch Featured By Owner Aug 8, 2015   Traditional Artist
thANK YOU 
Reply
:iconsyphorlightning:
SyphorLightning Featured By Owner Aug 3, 2015  Hobbyist Digital Artist
I was trying to get the "COLOR" one to work though it's a bit confusing.
I am premium but keep getting "Please Enable Flash Player" unless it doesnt work on DA front pages
Reply
:iconseventhsights:
SeventhSights Featured By Owner Jul 29, 2015  Hobbyist Traditional Artist
AAAA Thank you I needed this!
excited happy 
Reply
:iconstuff987:
Stuff987 Featured By Owner Jun 25, 2015  Student General Artist
Is there a way you can get it to auto play when you visit the page?
Reply
:icon8bitgoats:
8bitgoats Featured By Owner Edited Jun 21, 2015  Hobbyist Digital Artist
Seems like the mini player is slightly...Broken
Reply
:iconrebelc0g:
Rebelc0g Featured By Owner Jun 9, 2015  Hobbyist General Artist
thanks! now i can post smile hd on my profile Lenny Rainbow Transparent Gif 
Reply
:iconrololi:
Rololi Featured By Owner May 29, 2015  Hobbyist General Artist
The Width Doesnt seem to change. Ive even set it to "2500"
And its still appears to be like "500" or above. 
Reply
:iconathenaraine:
AthenaRaine Featured By Owner Nov 29, 2015  Hobbyist General Artist
There's probably a maximum width
Reply
:iconleafierosegagne:
LeafieRoseGagne Featured By Owner Edited May 26, 2015  Hobbyist Traditional Artist
It works I got it ^w^ Thanks !
Reply
:iconemotionalshawty:
emotionalshawty Featured By Owner May 23, 2015
is there anyway to make it automatically play?
Reply
:icongermany-russia:
germany-russia Featured By Owner May 26, 2015  Hobbyist General Artist
nope
Reply
:iconrose-writer:
Rose-Writer Featured By Owner May 19, 2015  Hobbyist General Artist
Thanks! This was REALLY helpful!
Reply
:iconartrefugium:
ArTRefugiuM Featured By Owner May 10, 2015   Traditional Artist
What would be really interesting to know is ... some people do have youtube video - deviations ... I couldn't figure out how this works up to this day ... Does anyone know how this works? :confused:
Reply
:iconjotunheimreject:
JotunheimReject Featured By Owner May 2, 2015  Hobbyist Digital Artist
gonna attempt this..want to put The Marionette's music box song on my profile
Reply
:icono0legendthedragon0o:
o0LegendTheDragon0o Featured By Owner May 2, 2015  Hobbyist Photographer
this looks way to confusing...
Reply
:icon1matture--0t4ku:
1MATTURE--0T4KU Featured By Owner Jun 5, 2015
actually, it's just some copy and pasting, and possibly resizing. so it shouldn't be too complicated! uvu
Reply
:icono0legendthedragon0o:
o0LegendTheDragon0o Featured By Owner Jun 8, 2015  Hobbyist Photographer
k
Reply
:icontoast-n-knives:
Toast-N-Knives Featured By Owner May 2, 2015  Professional General Artist
ok
Reply
:iconcrownedfloaa:
CrownedFloaa Featured By Owner Apr 26, 2015
Omfg it worked ;u;
Reply
:iconneonstarmars:
NeonstarMars Featured By Owner Mar 30, 2015  Hobbyist General Artist
Thanks, I've been looking everywhere for this
Reply
:iconnaglto:
NAGlTO Featured By Owner Mar 27, 2015  Hobbyist General Artist
thanks :D
Reply
:iconsorami23:
Sorami23 Featured By Owner Mar 19, 2015  Hobbyist Artist
how deleted layer video ? 
rorita-sakura.deviantart.com/
Reply
:iconunihaks:
Unihaks Featured By Owner Mar 5, 2015  Student Traditional Artist
Thanks!!
Reply
Add a Comment:
 
×




Details

Submitted on
January 6, 2012
File Size
7.1 KB
Link
Thumb

Stats

Views
89,225 (4 today)
Favourites
2,569 (who?)
Comments
484
×