Shop Mobile More Submit  Join Login
×




Details

Submitted on
April 11, 2013
Image Size
90.4 KB
Resolution
698×610
Link
Thumb
Embed

Stats

Views
73,567 (90 today)
Favourites
5,455 (who?)
Comments
950

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Mini Youtube Player embeddable code by CypherVisor Mini Youtube Player embeddable code by CypherVisor

Exclusively for Premium members and Super groups only


How to use ?


Just copy the source code(s) below and paste it in your CustomBox module in your profile or group page.


SOURCE CODE:


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

Small Player 2:
<div class="pagination sitback-container talk-post popup2-clear"><img width="154" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Medium Player 1:
<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Medium Player 2:
<div class="pagination sitback-container talk-post popup2-clear"><img width="300" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Long Player 1:
<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="sitback-slide flex-bottom popup2-clear"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>

Long Player 2:
<div class="sitback-container cc-userdetails talk-post popup2-clear"><img width="344" height="24" src="http://fc05.deviantart.net/fs70/f/2012/355/1/4/500px_by_cyphervisor-d5ooyh5.png"/><div class="flex-bottom"><da:embed profile="youtube" id="VIDEO_ID"/></div></div>



Other tutorials


Content-Holder Box Floating Image Tutorial:


Custom Box background tutorial:


Custom background for DeviantID-box widget:


Custom background for New deviation-box widget:




Want to customize your profile more?


Check all my free resources + tutorials: [link]



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.



I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points :points: to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
Add a Comment:
 
:iconloganmabye:
THANK YOU SO MUCH! THIS IS SO HELPFUL! I really do thank you super much I can not tell you. Just one question though, does this work for people who do not have a membership on DeviantArt?
Not very sure but if not, YAY!
I really thank you!
I will add this to favorites so I will not forget about this. I will wake up early in the morning before school to do this. I will do anything I can to do this. I love DeviantArt and I want to learn how to be pro! Thank you so much again.
What do you think?
The Artist thought this was FAIR
236 out of 248 deviants thought this was fair.

:iconswanbay:
You obviously know what you are doing, you should note that the smaller player only works for premium members, but the youtube player still works.
Good tutorial, I appreciate your helpfulness and the fact that you spent your time assisting those in need of it.
You should really try to make more tutorials like this. I'm not sure if you have them or not, but you seem like you'd be very knowledgable with the coding, etc. So, take that into consideration.
You also had a very easy to understand picture explaining everything. I really enjoyed this tutorial, thank you for your help.
What do you think?
The Artist thought this was FAIR
97 out of 99 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconmischanneii:
Mischanneii Featured By Owner 3 days ago  New member Hobbyist Digital Artist
Thank you so much! :) (Smile) 
Reply
:iconadimatronic:
Adimatronic Featured By Owner 5 days ago  Student Digital Artist
Eeeek! So useful ^_^
Reply
:icondoodle-of-the-day:
Doodle-of-the-day Featured By Owner Jan 24, 2015  New member Hobbyist Traditional Artist
ah crap only for premium members right? :/ maybe it's time to consider buying one XD
Reply
:iconmomohime-chan:
Momohime-chan Featured By Owner Jan 22, 2015  Hobbyist General Artist
How do get the youtube bar in the center? 
I understand it involves pasting
 in the custom box 
but where do you paste it if you already have source code for custom background?
Do you place it before or after that source code?
Reply
:icontriforcepowaa:
TriforcePowaa Featured By Owner Jan 23, 2015  Student Digital Artist
If you want the music player in the center in a custom box, paste <*div align*="center"*> ( remove * ) before the custom box code. Then paste the music
Reply
:iconmomohime-chan:
Momohime-chan Featured By Owner Jan 24, 2015  Hobbyist General Artist
thank you so much for helping me! ^///^
Reply
:icontriforcepowaa:
TriforcePowaa Featured By Owner Jan 24, 2015  Student Digital Artist
Anytime
Reply
:iconxmaalikx:
xMaalikx Featured By Owner Jan 20, 2015  Student Digital Artist
I cant get this to work on my profile anymore? Any clue as to how I can fix it???
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Well, I just checked it and it seems to be working fine. :hmm:
Reply
:iconxmaalikx:
xMaalikx Featured By Owner Jan 21, 2015  Student Digital Artist
it doesn't seem to work with column though. It shows up space wise but acts invisible
Reply
:iconxxxswiftxxx:
xXxSwiftxXx Featured By Owner Jan 19, 2015  Hobbyist Digital Artist
I need some help, when I copy and paste the ID it shows the video, I only want the video player. Yes it's possible to have that, I saw it on someone's page .-.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
The bar will show only if you are a PM.
Reply
:iconxxxswiftxxx:
xXxSwiftxXx Featured By Owner Jan 21, 2015  Hobbyist Digital Artist
Oh ok, thanks for replyin' c:
Reply
:iconeevee268:
Eevee268 Featured By Owner Jan 18, 2015  Hobbyist General Artist
Thank you SO much!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015

You're welcome! :hug:

Reply
:iconshina-k:
Shina-K Featured By Owner Jan 16, 2015  Student General Artist
Is there a way to embed whole playlists?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Nope. :no:
Reply
:iconshina-k:
Shina-K Featured By Owner Jan 21, 2015  Student General Artist
oh.
darn.
Reply
:iconsuzanna2006:
suzanna2006 Featured By Owner Jan 13, 2015  Professional Digital Artist
THANK YOU SO MUCH IT REALLY HELPS ME IVE BEEN LOOKING FOR THIS SO MUCH THANK YOUUUUUUUUUUUUUUUU!!!!!!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015

You're welcome! :hug:

Reply
:iconkrazykatdrawer:
krazykatdrawer Featured By Owner Jan 11, 2015  Hobbyist Digital Artist
I don't understand y its not working, but when I try to play my video it turns black and static :(
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Umm...Do you have the player in your page?

Have you tried with different codes given in the description?
Reply
:iconkrazykatdrawer:
krazykatdrawer Featured By Owner 6 days ago  Hobbyist Digital Artist
Never mind it works fine :D  It just didn't like that one video I tried earlier :(
Reply
:iconswillows:
Swillows Featured By Owner Jan 9, 2015  New member Hobbyist
mine keeps appearing as the full video . im copying the coding and everything i dont know what i am doing wrong.?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Works for PM as already mentioned.
Reply
:iconhomo-kid:
homo-kid Featured By Owner Jan 11, 2015
< div  class="video"><da:embed pr ofile="youtube" id="ID HERE" width="500" height="30"></d iv>

take out the extra spaces!!
Reply
:iconswillows:
Swillows Featured By Owner Jan 11, 2015  New member Hobbyist
Thanks so much !!
Reply
:iconslinthead:
slinthead Featured By Owner Jan 10, 2015  Hobbyist General Artist
you dont have a premium i think that might be why
Reply
:iconrea-ker:
rea-ker Featured By Owner Jan 10, 2015  New member Hobbyist General Artist
same here /:
Reply
:iconhomo-kid:
homo-kid Featured By Owner Jan 11, 2015
< div  class="video"><da:embed pr ofile="youtube" id="ID HERE" width="500" height="30"></d iv>

take out the extra spaces!!
Reply
:iconrea-ker:
rea-ker Featured By Owner Jan 12, 2015  New member Hobbyist General Artist
thank you so much ;w;
Reply
:iconanthemoferro:
AnthemOfErro Featured By Owner Jan 9, 2015  Hobbyist Artist
When I try to get the one without the icons to the right, they show anyway? Is there a way to fix?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Nah. It is now working like that. :hmm:
Reply
:icondemonshark151:
Demonshark151 Featured By Owner Jan 9, 2015  Hobbyist Digital Artist
Ahhhh thank you so much for making this! So helpful TTwTT
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015

You're welcome! :hug:

Reply
:iconsickenedd:
Sickenedd Featured By Owner Jan 7, 2015  Hobbyist Digital Artist
erm....
i tried doing this, and i put it on my custom box..
when i clicked play, it just turned into a staticy looking thingy..
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Oh many are complaining about it, which browser and player code are you using?
Reply
:iconsickenedd:
Sickenedd Featured By Owner Jan 23, 2015  Hobbyist Digital Artist
Sorry Im replying late ;;
but I asked my dad and he fixed it some how, ha
Reply
:iconsickenedd:
Sickenedd Featured By Owner Jan 7, 2015  Hobbyist Digital Artist
nvm i fixed it lol
i accidentally deleted something in the code somehow xD

oh, im stupid xD
Reply
:iconferocious-bite:
Ferocious-bite Featured By Owner Jan 5, 2015  Hobbyist General Artist
I accidentally put the actual video as well and I didn't even know how I did it xD
But I managed to fix it so it's fine.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Haha great! :D
Reply
:iconblackypaws:
BlackyPaws Featured By Owner Jan 5, 2015  Hobbyist
can you put the actual vid in your custom box?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Yes...check this journal for Custombox F.A.Q. + Tips and tricks
Reply
:iconginerally-speaking:
GINerally-Speaking Featured By Owner Jan 6, 2015  New member Hobbyist Digital Artist

Oh hello again! XDDDD
by the way this should help
Tutorial: Adding a YouTube video to your page by Natakiro
((I got here from it XD))
Reply
:iconblackypaws:
BlackyPaws Featured By Owner Jan 6, 2015  Hobbyist
thank you!!!!
Reply
:iconsakurapaws:
sakurapaws Featured By Owner Jan 4, 2015
POSTING THIS HERE SO THAT NOBODY HAS TO GO THROUGH THE PAIN I DID
This code will not work with wide widgets!
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
:thumbsup:

(Now the wide widget codes are not working too)
Reply
:iconsilverlight13:
SilverLight13 Featured By Owner Jan 3, 2015  Hobbyist Digital Artist
May i ask smth plz?

How do i align it? Cause its in one corner of the text-holder box...and i'd like it in the center...
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Jan 21, 2015
Try with <div align="center"></div>
Reply
Add a Comment: