PLYR VIDEO PLAYER

EASILY PLAY SELF-HOSTED HTML5 VIDEOS

Plyr Video Player Features:

Lightweight JS/CSS files for improved site performance
Handles MP4, OGG and WEBM video files for a variety of browsers
Player skin colors can be modified to match any site theme
Use videos uploaded to WordPress or from remote servers
Autoplay feature to automatically start video upon page load (desktop only)
Autostop feature of currently playing video when another video is started
Show video in lightbox with multiple trigger options
Video is fully responsive

Export Page Content

[vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">PLYR VIDEO PLAYER</h1>
<h3 style="text-align: center;">EASILY PLAY SELF-HOSTED HTML5 VIDEOS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<h2>Plyr Video Player Features:</h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Fancy_List list_type="image" marker_image="https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png" el_file=""]
<ul>
 	<li style="text-align: justify;">Lightweight JS/CSS files for improved site performance</li>
 	<li style="text-align: justify;">Handles MP4, OGG and WEBM video files for a variety of browsers</li>
 	<li style="text-align: justify;">Player skin colors can be modified to match any site theme</li>
 	<li style="text-align: justify;">Use videos uploaded to WordPress or from remote servers</li>
 	<li style="text-align: justify;">Autoplay feature to automatically start video upon page load (desktop only)</li>
 	<li style="text-align: justify;">Autostop feature of currently playing video when another video is started</li>
 	<li style="text-align: justify;">Show video in lightbox with multiple trigger options</li>
 	<li style="text-align: justify;">Video is fully responsive</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height="20"][TS_VCSC_Content_Export toggle_switch="true" toggle_background="#01aaae" clipboard="true"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="22473" img_size="large" alignment="center" css_animation="fadeInRight"][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">PLAYER EXAMPLES</h1>
<h3 style="text-align: center;">EASILY PLAY SELF-HOSTED HTML5 VIDEOS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<h2 style="text-align: center;"><strong>Direct Embed</strong></h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Plyr_Player video_mp4_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.mp4" video_webm_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.webm" video_ogg_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.ogg" video_poster="23468"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text]
<h2 style="text-align: center;"><strong>Shown in Lightbox</strong></h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Plyr_Player video_mp4_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.mp4" video_webm_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.webm" video_ogg_remote="http://maintenance.krautcoding.com/videos/Sintel_Trailer.ogg" video_poster="23468" lightbox_open="true" content_trigger="flat" content_buttonstyle="ts-dual-buttons-color-wet-asphalt-flat" content_buttonhover="ts-dual-buttons-preview-midnight-blue-flat ts-dual-buttons-hover-midnight-blue-flat"][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height="40"][/vc_column][/vc_row]

Copy