HOME | DD

Description
body div#devskin0 hr { }

Tutorial has been updated three times
Changelog in the description
A quick guide to embedding of compact video players

The "compact" I mean player that embedded only for music (in case when you don't care about video or don't want it to take too much space in your custom box or journal).
Here's an example:

Default embedded youtube player ():
[text valign] [text valign]

And compact version (see the code below):
[text valign]

[text valign]

How it works:




Actual code:

   http:/ /fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png">





Copypastable code:

Explanation:

External div classes -
   .pagination → display: inline-block;
   .f → vertical-align: top;
   .sitback-container → overflow: hidden; + padding-bottom: some;
   .talk-post → padding-bottom: none;
   .popup2-clear → remove trash

Internal div classes -
   .sitback-container > .sitback-slide → position: absolute;
   .flex-bottom → bottom: 0;
   .popup2-clear → remove trash

Image -
   It seems that iframe width of 544 pixels is the minimum for automatic selection of "360p" video (and audio) quality.
   And since this spacer pic will be visible if Flash player is disabled, then it's would be nice to write something on it :)
   You can use this picture, draw you own, or generate solid color spacer by using sh.deviantart.net api

That's it

I am a dummy! — Description
body div#devskin0 hr { }

Tutorial has been updated three times
Changelog in the description
A quick guide to embedding of compact video players

The "compact" I mean player that embedded only for music (in case when you don't care about video or don't want it to take too much space in your custom box or journal).
Here's an example:

Default embedded youtube player ():
[text valign] [text valign]

And compact version (see the code below):
[text valign]

[text valign]

How it works:




Actual code:

   http:/ /fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png">





Copypastable code:

Explanation:

External div classes -
   .pagination → display: inline-block;
   .f → vertical-align: top;
   .sitback-container → overflow: hidden; + padding-bottom: some;
   .talk-post → padding-bottom: none;
   .popup2-clear → remove trash

Internal div classes -
   .sitback-container > .sitback-slide → position: absolute;
   .flex-bottom → bottom: 0;
   .popup2-clear → remove trash

Image -
   It seems that iframe width of 544 pixels is the minimum for automatic selection of "360p" video (and audio) quality.
   And since this spacer pic will be visible if Flash player is disabled, then it's would be nice to write something on it :)
   You can use this picture, draw you own, or generate solid color spacer by using sh.deviantart.net api

That's it