Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
51,282 (36 today)
Favourites
1,833 (who?)
Comments
392
Downloads
69
×


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:
 
:iconmidnightpizza15:
MidnightPizza15 Featured By Owner 4 days ago  Student Artist
i did and it says error Occurred and i copied the code and the url and putted it where it goes
Reply
:iconminecraftrules3553:
Minecraftrules3553 Featured By Owner Jul 19, 2014  Hobbyist Artist
THX U just earn a fav
Reply
:iconjemgirl:
jemgirl Featured By Owner Jul 18, 2014  Hobbyist Writer
Thank you.

I knew there was a way to put a video on my page, but DA didn't have anything about it other than there is a custom box to do what you will with it. :)

If you like fractals swing by. :)

And thanks again for your help. :handshake:
Reply
:iconsoulcat2003:
SoulCat2003 Featured By Owner Edited Jul 17, 2014  Hobbyist Digital Artist
thanks but can u tell me wich part of this url is the id plz im not good with codes www.youtube.com/watch?v=JV-rw1…
Reply
:iconjemgirl:
jemgirl Featured By Owner Jul 18, 2014  Hobbyist Writer
It's

JV-rw1t1zDU

Yours look different because it's part of a list.
Reply
:iconsoulcat2003:
SoulCat2003 Featured By Owner Jul 19, 2014  Hobbyist Digital Artist
thank you so much!!!!
Reply
:iconaclipes64:
Aclipes64 Featured By Owner Jul 7, 2014
Thank you thank you so much!;)
Reply
:iconjamar-mccall:
Jamar-McCall Featured By Owner Jul 3, 2014  New member Student Digital Artist
OMFG THANK YOU SO MUCH!
Reply
:iconabsolutemarket:
Absolutemarket Featured By Owner Jun 28, 2014  Professional General Artist
Thank you.
Reply
:iconwickerish:
Wickerish Featured By Owner Jun 27, 2014  Hobbyist Digital Artist
i love you so much for this ;u;
Reply
Add a Comment: