HOME | DD

Taiamatalah β€” Tutorial: Adding a YouTube Video to your Page by-nc-nd

Published: 2013-10-07 07:39:38 +0000 UTC; Views: 8999; Favourites: 360; Downloads: 13
Redirect to original
Description Okay. I know I couldn't figure it out at first either, and others have asked about it, so...
I made this quick tutorial about it! This might sound a little confusing, but just stay with me.

Here's the coding to copy, then follow the steps below:


v class="video">a:embed profile="youtube" id="vidIDhere" width="500" height="284"></div>

Here's the steps:

Step 1:
Navigate to your deviantART profile page. Find your deviantID section, (or any other section that allows text block input i.e. Featured or Newest Devs) and click on the pencil in the upper right corner, and then click "Edit this Widget"

Step 2:
Now, scroll down to find the "Bio" or "Description" section. Copy and paste this coding:


v class="video">bed profile="youtube" id="vidIDhere" width="500" height="284">v>

into the box wherever you want it.

Step 3:
In a new tab, navigate to the page of the YouTube video that you wish to use, and find the URL, in this case:
http://www.youtube.com/watch?v=oAXrRWLKzko
Only copy the next 11 letters after the watch?v=

Step 4:
Now, go back to your deviant profile page, and paste the video ID oAXrRWLKzko you just copied into the spot of the coding that says "vidIDhere". Now it should look like this:

v class="video">bed profile="youtube" id="oAXrRWLKzko" width="500" height="284">v>



Step 5:
Hit "Save". Now your video should be there, ready to play!
You can make the video window bigger by editing these: width="500" height="284" properties

That's it! I hope this "Adding YouTube video" Tutorial helped! Still can't figure it out? Send me a note or comment below.


HOW TO ADD THE VIDEO AS AUDIO-ONLY MINI-PLAYER:

I'll try to make this short and sweet. Once you have the video ID copied and followed up to step 3, do the same as in step 4 but paste it in the coding below where it says vidIDhere.

Copy the coding below for the mini-player.

v class="pagination sitback-container cc-userdetails talk-post popup2-clear">g width="54" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/>iv class="flex-bottom popup2-clear">a:embed profile="youtube" id="vidIDhere"/></div></div>

Also, try out these players as well:


Anything displayed on the webpages on these images belongs to their respectful owners

Related content
Comments: 80

Taiamatalah In reply to ??? [2014-08-02 17:38:13 +0000 UTC]

Pretty sure you can't, at least not to my knowledge.Β 

πŸ‘: 0 ⏩: 1

SapphireCityMedia In reply to Taiamatalah [2014-08-02 19:17:27 +0000 UTC]

I've seen it before. Man I wish I could show you but I don't remember the accounts.Β 

πŸ‘: 0 ⏩: 0

ZoraSteam In reply to ??? [2014-06-01 19:31:11 +0000 UTC]

omg this helped a lot thank you!

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to ZoraSteam [2014-06-03 18:36:39 +0000 UTC]

You're welcome! I'm glad it was.

πŸ‘: 0 ⏩: 1

ZoraSteam In reply to Taiamatalah [2014-06-03 19:28:54 +0000 UTC]

^U^

πŸ‘: 0 ⏩: 0

Oesa In reply to ??? [2014-05-24 10:04:04 +0000 UTC]

Thank you x 10000 for making this!! β™₯

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to Oesa [2014-05-25 13:21:42 +0000 UTC]

You're most welcome!

πŸ‘: 0 ⏩: 0

Growlie26 [2014-05-01 10:35:09 +0000 UTC]

Hey thank you so much!

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to Growlie26 [2014-05-02 22:11:27 +0000 UTC]

You're welcome!

πŸ‘: 0 ⏩: 0

Stars-Dont-Shine [2014-04-27 20:21:50 +0000 UTC]

Gah,thank you!

Works in custom boxes too!

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to Stars-Dont-Shine [2014-05-02 22:11:58 +0000 UTC]

You're welcome; glad it was useful!

πŸ‘: 0 ⏩: 0

ThatRandomFurry [2014-04-15 21:34:10 +0000 UTC]

I mean, I got it on my page but when I click the play button, it doesn't play.

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to ThatRandomFurry [2014-04-22 18:49:36 +0000 UTC]

Wow, sorry this is so late! That's odd. Which coding are you using? The one for the video or audio only?

πŸ‘: 0 ⏩: 0

ThatRandomFurry In reply to ??? [2014-04-15 21:33:54 +0000 UTC]

Mine doesn't work, how do I make it work? I am sorry if I sound like a noob. ;_;

πŸ‘: 0 ⏩: 0

DUSKvsDAWN In reply to ??? [2014-03-19 21:04:41 +0000 UTC]

There is also a sorta code to only put the "player bars" there without the video, right?

πŸ‘: 0 ⏩: 2

Taiamatalah In reply to DUSKvsDAWN [2014-03-23 22:13:40 +0000 UTC]

Wait, seems like you figured it out already. Never mind. Β Β 

πŸ‘: 0 ⏩: 1

DUSKvsDAWN In reply to Taiamatalah [2014-03-23 22:41:07 +0000 UTC]

yah, found it somehwere else XD sorry for not telling and making you do all that effort :/

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to DUSKvsDAWN [2014-03-24 11:53:50 +0000 UTC]

No problem. Glad you found it somewhere!

πŸ‘: 0 ⏩: 0

Taiamatalah In reply to DUSKvsDAWN [2014-03-23 22:11:47 +0000 UTC]

Sorry this took so long to get back to. I added the directions of how to do this at the bottom of the description under all of the red bullets.

Once you have the video ID copied and followed up toΒ step 3, do the same as in step 4 but paste it in the coding below where it saysΒ vidIDhere.Β 

Copy the coding below for the mini-player.

v class="sitback-container cc-userdetails talk-post popup2-clear">g width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/>iv class="flex-bottom">bed profile="youtube" id="vidIDhere"/>iv>




Hope this helps!

πŸ‘: 0 ⏩: 0

Dandara-AB [2014-01-28 23:55:43 +0000 UTC]

whoa, that's really helpful! thanks sooo much!

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to Dandara-AB [2014-01-29 18:41:22 +0000 UTC]

You're welcome! I'm happy to know it was helpful.

πŸ‘: 0 ⏩: 0

boregarde [2014-01-25 19:43:15 +0000 UTC]

Thanks for this tutorial .

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to boregarde [2014-01-25 19:45:30 +0000 UTC]

You're welcome! I'm glad it helped!

πŸ‘: 0 ⏩: 0

ChumScrubber666 [2013-12-15 02:31:35 +0000 UTC]

i just noticed 11,019 messages on this OMG.. thats nuts how do you cope, it takes me ages to go through like 30.. O.o

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to ChumScrubber666 [2013-12-15 05:02:29 +0000 UTC]

Sometimes my inbox gets like that, and I just keep putting it off, so it gets worse. I finally had the time to go through my whole inbox last night. Took ages.

πŸ‘: 0 ⏩: 1

ChumScrubber666 In reply to Taiamatalah [2013-12-15 12:42:54 +0000 UTC]

i'd never have the time for that

πŸ‘: 0 ⏩: 0

AlyssaFoxah [2013-10-08 22:35:33 +0000 UTC]

thank you so much this is awesome ^^

πŸ‘: 0 ⏩: 1

Taiamatalah In reply to AlyssaFoxah [2013-10-09 00:45:58 +0000 UTC]

I'm glad it was helpful! I wasn't sure if it was going to make any sense

πŸ‘: 0 ⏩: 1

AlyssaFoxah In reply to Taiamatalah [2013-10-09 19:30:27 +0000 UTC]

Made perfect sense ^^

πŸ‘: 0 ⏩: 0


<= Prev |