Zoom Video Player - Skin Builder

Customize skin-avanticustom - preview

↳ Current Skin skin-avanticustom

skin-defaultcustom

skin-avanticustom

skin-playbigcustom

skin-

hd
sd

You can have a link here. For example to download the video. 00:00 / 00:00

controls-bg

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

play-btn play-btn-for-skin-avanti

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

pause-btn pause-btn-for-skin-avanti

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16.097px" height="15.72px" viewBox="0 -2.914 16.097 15.72" enable-background="new 0 -2.914 16.097 15.72" xml:space="preserve">
<g id="Layer_1">
	<g id="Layer_1_2_">
		<g id="nyt_x5F_exporter_x5F_info" display="none">
		</g>
		<g id="Layer_1_1_">
			<path fill="#D2D6DB" d="M4.998-2.126c-0.316,0.314-0.53,0.741-0.635,1.268L3.738,2.273c-0.177,0.883-0.89,2.212-1.524,2.847
				c-1.162,1.162-1.162,3.054,0,4.216l1.404,1.405c1.164,1.162,3.055,1.162,4.219,0c0.634-0.633,1.965-1.346,2.845-1.521
				l3.132-0.627c0.527-0.104,0.953-0.32,1.27-0.634c0.631-0.629,0.832-1.788-0.22-2.839L7.835-1.907
				C6.785-2.959,5.629-2.759,4.998-2.126z M7.053,6.289C5.829,6.599,6.328,6.556,5.478,7.407c-0.388,0.388,0.387,0.388,0,0
				l-0.481,0.37c-0.386-0.385-0.386,0.386,0,0c0.853-0.851,1.88-0.268,2.19-1.492L7.053,6.289z M8.651,5.585
				c0.03,0.031,0.058,0.061,0.077,0.09C8.697,5.682,8.658,5.693,8.614,5.702l3.07,2.399L8.781,3.522l-0.06,0.554
				C8.728,4.033,8.74,3.993,8.749,3.96c0.026,0.024,0.056,0.052,0.089,0.082L8.651,5.585z"></path>
		</g>
		<g id="nyt_x5F_exporter_x5F_info_1_" display="none">
		</g>
	</g>
</g>
<g id="Layer_2">
	<path opacity="0.7" fill="#1F0C00" d="M2.739,12.234c-0.163,0.16-0.396,0.19-0.522,0.063l-1.275-1.274
		c-0.126-0.127-0.099-0.361,0.064-0.521l11.11-11.112c0.162-0.163,0.396-0.19,0.521-0.064L13.912,0.6
		c0.129,0.126,0.099,0.36-0.063,0.522L2.739,12.234z"></path>
</g>
<g id="Layer_3">
	<path fill="#D2D6DB" d="M2.766,11.413c-0.149,0.149-0.326,0.216-0.394,0.146l-0.691-0.692c-0.069-0.068-0.004-0.244,0.146-0.394
		L12.078,0.222c0.147-0.149,0.324-0.214,0.392-0.146l0.692,0.691c0.069,0.068,0.003,0.245-0.146,0.395L2.766,11.413z"></path>
</g>
</svg>

mute-btn mute-btn-for-skin-avanti active

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16.097px" height="15.72px" viewBox="0 -2.914 16.097 15.72" enable-background="new 0 -2.914 16.097 15.72" xml:space="preserve">
<g id="Layer_1">
	<g id="Layer_1_2_">
		<g id="nyt_x5F_exporter_x5F_info" display="none">
		</g>
		<g id="Layer_1_1_">
			<path fill="#D2D6DB" d="M4.998-2.126c-0.316,0.314-0.53,0.741-0.635,1.268L3.738,2.273c-0.177,0.883-0.89,2.212-1.524,2.847
				c-1.162,1.162-1.162,3.054,0,4.216l1.404,1.405c1.164,1.162,3.055,1.162,4.219,0c0.634-0.633,1.965-1.346,2.845-1.521
				l3.132-0.627c0.527-0.104,0.953-0.32,1.27-0.634c0.631-0.629,0.832-1.788-0.22-2.839L7.835-1.907
				C6.785-2.959,5.629-2.759,4.998-2.126z M7.053,6.289C5.829,6.599,6.328,6.556,5.478,7.407c-0.388,0.388,0.387,0.388,0,0
				l-0.481,0.37c-0.386-0.385-0.386,0.386,0,0c0.853-0.851,1.88-0.268,2.19-1.492L7.053,6.289z M8.651,5.585
				c0.03,0.031,0.058,0.061,0.077,0.09C8.697,5.682,8.658,5.693,8.614,5.702l3.07,2.399L8.781,3.522l-0.06,0.554
				C8.728,4.033,8.74,3.993,8.749,3.96c0.026,0.024,0.056,0.052,0.089,0.082L8.651,5.585z"></path>
		</g>
		<g id="nyt_x5F_exporter_x5F_info_1_" display="none">
		</g>
	</g>
</g>
<g id="Layer_2">
</g>
<g id="Layer_3">
</g>
</svg>

unmute-btn unmute-btn-for-skin-avanti

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

scrubbar scrubbar-for-skin-pro

Type

Width

Height

Top

Left

Right

Bottom

Margin Top

Margin Left

Margin Right

Margin Bottom

Width is equal to remaining space

Automatically calculate right position

Main Color

Hover Color

Font Size

Extra Classes

version 1.0

Preview Examples