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
55,363 (16 today)
Favourites
1,933 (who?)
Comments
410
×


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:
 
:iconsheamuswarior:
sheamuswarior Featured By Owner 11 hours ago  New member
Quality stuff may be the key to invite the users to visit begin to see the blog site, that’s what this site provides.funny videos
Reply
:iconstarsparkpony:
StarSparkPony Featured By Owner 22 hours ago  New member Student Photographer
This avatar people whatever is upload video to profile without premium member  :iconadagio-dazzle: she is not premium member but she can add a video how Rage ???????????????????????????????????????????????????????????????????????????????????????
Reply
:iconmiaowkat:
MiaowKat Featured By Owner Sep 6, 2014  Hobbyist General Artist
THANK YOU SO MUCH! :glomp:
Reply
:iconultrama6net1cart:
uLtRaMa6nEt1cART Featured By Owner Sep 4, 2014  New member Hobbyist Digital Artist
Can I embed a YouTube video using the 'old embed' code? With that code I can get the views on my actual YouTube channel.
Reply
:icondj-mika:
DJ-Mika Featured By Owner Sep 3, 2014  Hobbyist Digital Artist
Gaaaah, thank you so much! Extremely informative; this will definitely help me down the line! :D
Reply
:iconalkyoney:
Alkyoney Featured By Owner Aug 26, 2014  Hobbyist General Artist
Thanks a bunch amazing person! -^^-
Reply
:icontonibutt:
tonibutt Featured By Owner Aug 24, 2014  New member Hobbyist General Artist
Thanks!!This is really helpful!
Reply
:iconelectricpoodle:
ElectricPoodle Featured By Owner Aug 21, 2014  Hobbyist Traditional Artist
Thank you!! This helped!!
Reply
:iconmoxiee:
moxiee Featured By Owner Aug 11, 2014  Student Traditional Artist
How do you just post a link to the video?
Reply
:iconrocketpokemaster:
RocketPokeMaster Featured By Owner Aug 10, 2014  Hobbyist Artist
This was suuuper helpful thanks :D
Reply
Add a Comment: