Home
Builder
Customize
skin-procustom
-
preview
↳
Current Skin
skin-procustom
skin-custom
skin-defaultcustom
skin-procustom
skin-avanticustom
skin-playbigcustom
skin-test2
skin-
HD
hd
sd
You can have a link here. For example to download the video.
Tweet
{{jsreplace_arg_othersocialicons}}
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width=110&layout=button_count&action=like&show_faces=true&share=false&height=21&appId=269610766536363" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>
00:00
/ 00:00
controls-bg
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
<span class="scrubbar-bg" style="position: absolute; width: 100%; left:0; top: 0px; height: 100%; "></span> <span class="scrubbar-buffered" style="position: absolute; width: 0%; left:0; top: 0px; height: 100%; "></span> <span class="scrubbar-prog" style="position: absolute; width: 0%; left:0; top: 0px; height: 100%;"></span> <span class="scrubbar-box" style=""></span>
scrubbar scrubbar-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
<span class="play-btn-fig" style="width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #eeeeee; display: inline-block; "></span>
play-btn play-btn-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
00:00
curr-time-holder curr-time-holder-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
/ 00:00
total-time-holder total-time-holder-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
<span class="pause-btn-fig-1" style="position:absolute; left:0; top:23%; width: 3px; height: 62%; background-color: #eeeeee; display: inline-block; "></span> <span class="pause-btn-fig-2" style="position:absolute; right:0; top:23%; width: 3px; height: 62%; background-color: #eeeeee; display: inline-block; "></span>
pause-btn pause-btn-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
<span class="fullscreen-btn-fig-1" style="position:absolute; left:0; top:0; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 0px 0 5px 5px; border-color: transparent transparent transparent #eeeeee; "></span> <span class="fullscreen-btn-fig-2" style="position:absolute; top:0; right:0; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 0 5px 5px 0; border-color: transparent #eeeeee transparent transparent; "></span> <span class="fullscreen-btn-fig-3" style="position:absolute; left:0; bottom:0; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 5px 0 0 5px; border-color: transparent transparent transparent #eeeeee; "></span> <span class="fullscreen-btn-fig-4" style="position:absolute; bottom:0; right:0; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 0 0 5px 5px; border-color: transparent transparent #eeeeee transparent; "></span> <span class="fullscreen-btn-fig-circ" style="position:absolute; left:50%; top:50%; width: 4px; height: 4px; margin-left: -2px; margin-top:-2px; background-color: #eeeeee; border-radius: 50%; "></span>
fullscreen-btn fullscreen-btn-for-skin-pro
Position
Type
absolute
relative
Width
Height
Top
Left
Right
Bottom
Margin Top
Margin Left
Margin Right
Margin Bottom
Width is equal to remaining space
off
on
Automatically calculate right position
off
on
Styling
Main Color
Hover Color
Font Size
Extra Classes
Delete Item
Save Changes
version 1.0
Preview Examples
