HOME | DD

BlackJill β€” Embedding videos on your profile

Published: 2012-01-07 06:55:42 +0000 UTC; Views: 144694; Favourites: 2989; Downloads: 73
Redirect to original
Description 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 simplifiedEdit: 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.

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">>

Use this code for journals:



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.

Paste code into Custom Box.

Find video on Youtube.

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

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.

Copy ID.

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):

Do not delete the quotation marks. You put the ID in between the quotation marks.

Click on Save. Enjoy video.

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

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" 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:

Related content
Comments: 679

BlueNoteArt [2019-08-17 23:11:39 +0000 UTC]

Hey I'm a core member and I was trying to add my youtube playlist in custom box. I tried a couple different browsers.
It shows the youtube box but when i press play it keeps saying error

πŸ‘: 0 ⏩: 0

Thalfis [2019-06-25 17:18:54 +0000 UTC]

It's not working for me. It shows me the please enable flash message. I downloaded flash, I activated it in the browser (firefox). and It's still not working. It only shows the original size video. Help is highly appreciated

πŸ‘: 0 ⏩: 1

BlackJill In reply to Thalfis [2019-07-09 23:39:16 +0000 UTC]

πŸ‘: 0 ⏩: 1

Thalfis In reply to BlackJill [2019-07-11 10:49:31 +0000 UTC]

Thank you very much for the tips, I'll try that

πŸ‘: 0 ⏩: 0

hazuqxd [2019-02-16 09:03:49 +0000 UTC]

Hahah, thanks.

πŸ‘: 0 ⏩: 0

AX0LOTL [2019-02-10 00:25:02 +0000 UTC]

is this a problem with youtube or with me? this error thingyΒ  Β i tried to put some musics (the id:Β sXiUHLWAK8)
and it br0ke
help qwq

πŸ‘: 0 ⏩: 1

candy-chloe In reply to AX0LOTL [2019-03-10 18:10:18 +0000 UTC]

well you see i think you did it wrong.
you should put in the quotes the end of the link such as:
the FULL link is "www.youtube.com/watch?v=3C3hIJ… " BUT
you would want to put "3C3hIJg4rHo" and you put ) so i think thats
what went wrong.

thank you,
angeliccblossom

πŸ‘: 0 ⏩: 1

AX0LOTL In reply to candy-chloe [2019-03-10 18:19:23 +0000 UTC]

i no longer need help with this, but thank you for future refrence

πŸ‘: 0 ⏩: 1

candy-chloe In reply to AX0LOTL [2019-03-10 18:26:59 +0000 UTC]

ah sorry about that haha

πŸ‘: 0 ⏩: 1

AX0LOTL In reply to candy-chloe [2019-03-10 18:29:54 +0000 UTC]

it's fine

πŸ‘: 0 ⏩: 0

3DMMDfan [2018-12-28 11:09:10 +0000 UTC]

Updated my profile using this!
Thanks for sharing!

πŸ‘: 0 ⏩: 0

Mezamete-Akai--Tsuki [2018-12-18 02:45:44 +0000 UTC]

no news bout the autoplay? T.T

πŸ‘: 0 ⏩: 0

hypnorino [2018-11-29 19:06:04 +0000 UTC]

None of this works with me! :-/

πŸ‘: 0 ⏩: 0

zerejel [2018-11-26 08:09:31 +0000 UTC]

Thank you so much for this, It really helps a lot!

πŸ‘: 0 ⏩: 0

iiSailinq [2018-09-25 05:39:15 +0000 UTC]

oml the link sent me to:Β γγ‚ƒγ‚ŠγƒΌγ±γΏγ‚…γ±γΏγ‚… - PONPONPON , Kyary Pamyu Pamyu - PONPONPON - YouTube

πŸ‘: 0 ⏩: 0

ChildrenOfDarkness2 [2018-09-11 11:43:31 +0000 UTC]

Helped thx.

πŸ‘: 0 ⏩: 0

YangXiaoLong3 [2018-08-11 21:36:11 +0000 UTC]

BlackJill Is there a way to embed non youtube videos from web site like roosterteeth.com/episode/rwby-… for example on deviantart group blogs?

πŸ‘: 0 ⏩: 0

AyeItzAyeshax [2018-08-11 16:26:59 +0000 UTC]

thanks you so much for this >w<Β 

πŸ‘: 0 ⏩: 0

spritemight [2018-07-31 09:48:31 +0000 UTC]

Thank you! Very helpful!

πŸ‘: 0 ⏩: 0

sianic [2018-07-16 10:37:15 +0000 UTC]

Thank you for thisΒ BlackJill Β ^^

πŸ‘: 0 ⏩: 0

princess20039 [2018-06-06 16:25:44 +0000 UTC]

can you use tumblr videos?

πŸ‘: 0 ⏩: 0

Artistica-us [2018-05-31 20:55:32 +0000 UTC]

Can you get it to work by enabling Flash Player?

πŸ‘: 0 ⏩: 0

nses117 [2018-05-12 14:36:26 +0000 UTC]

Thanks so much!

πŸ‘: 0 ⏩: 0

Pur-kissa [2018-05-06 15:05:30 +0000 UTC]

Thanks so much! This helped a lot!

πŸ‘: 0 ⏩: 0

charmedstudio [2018-04-12 20:56:09 +0000 UTC]

Β Β Β Thank you so much for this!!! Been asking a bunch of deviants and no one could tell me. You are a gem.Β 

πŸ‘: 0 ⏩: 0

BobbiD3 [2018-04-05 14:03:05 +0000 UTC]

That WAS really easy....TY!Β  Except, I'm over here going through the source code looking for where the embed code goes....LOL!
I am new here and wondered where music videos are to be found?Β  Not in the menu that I can find.
And is there any groups of music video makers here?Β  If so, do you need an invite?
Thanks again.
Bobbi

πŸ‘: 0 ⏩: 0

AngelCnderDream14 [2018-03-02 05:14:36 +0000 UTC]

Thankyou! This help me out a ton!

πŸ‘: 0 ⏩: 0

blackthorngroves [2018-02-17 05:47:40 +0000 UTC]

Thank you for this tutorial.

πŸ‘: 0 ⏩: 0

FizzyPopSodas [2018-02-08 22:52:14 +0000 UTC]

this was a BIG help tysm

πŸ‘: 0 ⏩: 0

Masao114 [2018-02-01 03:09:52 +0000 UTC]

Does it have to be in a journal? How about if I wantΒ to put it in a regular post?

πŸ‘: 0 ⏩: 0

Qeisvara [2018-01-20 01:33:07 +0000 UTC]

Hi! I tried the code and it works, but when I want to change the size it doesn't appear like size I want to. I put 16:9 scale size to the width and height (768x452,Β 1024x576,Β 1280x720) but it doesn't work. Do you have any idea why does this happen and/or the solution to fix this? Thanks

πŸ‘: 0 ⏩: 1

ohwhatasurprise In reply to Qeisvara [2018-03-10 22:07:42 +0000 UTC]

can you give an example of your code?

πŸ‘: 0 ⏩: 0

EmberCloud27 [2018-01-01 04:01:03 +0000 UTC]

Do you need to have a youtube link?

πŸ‘: 0 ⏩: 1

ohwhatasurprise In reply to EmberCloud27 [2018-03-10 22:08:01 +0000 UTC]

not the entire link, just the link's ID (what comes after "watch?v=")

πŸ‘: 0 ⏩: 1

EmberCloud27 In reply to ohwhatasurprise [2018-03-11 00:27:28 +0000 UTC]

Thanks so much! That's helful!

πŸ‘: 0 ⏩: 1

ohwhatasurprise In reply to EmberCloud27 [2018-03-11 02:30:15 +0000 UTC]

yw

πŸ‘: 0 ⏩: 0

420-what-you-smokin [2017-12-30 18:31:53 +0000 UTC]

thanks for this, it really helped! ^^

πŸ‘: 0 ⏩: 0

flabbytediz [2017-11-19 19:43:35 +0000 UTC]

It worked thanks

πŸ‘: 0 ⏩: 0

A40kSpaceMarine [2017-11-18 02:19:17 +0000 UTC]

I've looked at all the tutorials..... Still doesn't do anything. I've redone the code without quotations and spaces but it still doesn't work. I even triedΒ Β width="500" height="284">

" But still to no avail......Β 

Is there any possible way I can fix this?

πŸ‘: 0 ⏩: 0

xX-Sam-Playz-Xx [2017-11-18 01:54:06 +0000 UTC]

ponponon XD

πŸ‘: 0 ⏩: 0

Aceinq [2017-11-05 07:19:34 +0000 UTC]

Can I make it loop?

πŸ‘: 0 ⏩: 0

FoxbrushCreations [2017-10-04 21:13:11 +0000 UTC]

How do you stack them??

πŸ‘: 0 ⏩: 0

nazmulfahad [2017-09-28 17:53:33 +0000 UTC]

i did
amazing Bengali Melody singer 's free Music voice.

πŸ‘: 0 ⏩: 0

ViviannaArts [2017-09-23 01:06:22 +0000 UTC]

Please help. It not working

πŸ‘: 0 ⏩: 1

Dah-Boh In reply to ViviannaArts [2017-09-27 20:47:18 +0000 UTC]

"

"
Just paste your edit of the code into the featured description box.

Do NOT put the ENTIRE link, just the id that begins after "youtube.com/watch?v="

πŸ‘: 0 ⏩: 0

RiKah-ARMY [2017-09-18 10:42:56 +0000 UTC]

Thanks...so convenient for me!

πŸ‘: 0 ⏩: 0

puppballoo [2017-09-10 01:53:57 +0000 UTC]

how do i do it on featured?

πŸ‘: 0 ⏩: 1

Dah-Boh In reply to puppballoo [2017-09-27 20:45:34 +0000 UTC]

"

"
Just paste your edit of the code into the featured description box.

πŸ‘: 0 ⏩: 1

puppballoo In reply to Dah-Boh [2017-09-27 20:59:54 +0000 UTC]

so i change the bold part?

πŸ‘: 0 ⏩: 1

Dah-Boh In reply to puppballoo [2017-09-27 21:02:57 +0000 UTC]

yes, and the width and height if desired.

πŸ‘: 0 ⏩: 1


| Next =>