{"title":"Customizing Audio and Video Player Skins","id":36816,"link":"https:\/\/env.averta.net\/en\/step\/customizing-audio-and-video-player-skins\/","parent":[35058],"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36848 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/skin-customizer.png\" alt=\"skin-customizer\" width=\"308\" height=\"586\" \/>Phlox has?two unique styles for?audio and video players. You are able to insert audio and video?players on any widget area as a widget (Read more: <a href=\"https:\/\/env.averta.net\/en\/step\/phlox-audio\/?b=36462,36462\" title=\"Phlox Audio\">Audio Widget<\/a> and <a href=\"https:\/\/env.averta.net\/en\/step\/phlox-video\/?b=36663,36663\" title=\"Phlox Video\">Video Widget<\/a>) or add them between page content by shortcodes or pagebuilder element. Besides, these audio and video can appear on the website as <a href=\"https:\/\/env.averta.net\/en\/step\/customizing-phlox-post-formats\/?b=35052,35052\" title=\"Customizing Phlox Post Formats\">post formats<\/a>.<\/p>\n<div style=\"clear: both;\"><\/div>\n<h3>Video Tutorial<\/h3>\n<div style=\"position: relative; height: 0; padding-bottom: 56.25%;\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" style=\"position: absolute; width: 100%; height: 100%; left: 0; display: block;\" src=\"https:\/\/www.youtube.com\/embed\/RzVFT4UxXtw?rel=0&amp;ecver=2\" frameborder=\"0\" encrypted-media=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<hr style=\"clear: both;\" \/>\n<h3>Audio and Video Player Skin Options<\/h3>\n<p>To specify the audio and video player skin globally on your website in the customizer:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the?<strong>Appearance &gt; Customize<\/strong><\/li>\n<li>Navigate?<strong>Appearance &gt; Skin Options<\/strong><\/li>\n<\/ol>\n<h4>Audio Skins<\/h4>\n<div id=\"attachment_36664\" style=\"width: 306px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36664\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36664 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/dark-preview.png\" alt=\"dark-preview\" width=\"296\" height=\"183\" \/><p id=\"caption-attachment-36664\" class=\"wp-caption-text\">Dark Audio Player Skin<\/p><\/div>\n<div id=\"attachment_36665\" style=\"width: 306px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36665\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36665 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/light-preview.png\" alt=\"light-preview\" width=\"296\" height=\"183\" \/><p id=\"caption-attachment-36665\" class=\"wp-caption-text\">Light Audio Player Skin<\/p><\/div>\n<h4>Video Skins<\/h4>\n<div id=\"attachment_36850\" style=\"width: 591px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36850\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36850 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/dark-video-e1479541477504.png\" width=\"581\" height=\"306\" \/><p id=\"caption-attachment-36850\" class=\"wp-caption-text\">Dark Video Player Skin<\/p><\/div>\n<div id=\"attachment_36851\" style=\"width: 589px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-36851\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-36851 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/light-video.png\" alt=\"light-video\" width=\"579\" height=\"306\" \/><p id=\"caption-attachment-36851\" class=\"wp-caption-text\">Light Audio Player Skin<\/p><\/div>\n","type":"solution"}