{"id":3189,"date":"2022-05-12T17:02:46","date_gmt":"2022-05-12T17:02:46","guid":{"rendered":"https:\/\/www.vdocipher.com\/blog\/?p=3189"},"modified":"2024-01-09T10:43:49","modified_gmt":"2024-01-09T10:43:49","slug":"video-player-color-change","status":"publish","type":"post","link":"https:\/\/www-uat.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","title":{"rendered":"Customize Video Player – Change Player Color in WordPress"},"content":{"rendered":"

Many users ask us about changing the video player color to match their website theme. Since all design elements come down to a few CSS elements, we provide the CSS file below so you can edit the player color. We will be looking to make this a much simpler process in the future.<\/p>\n

\n

Explore More \u2705<\/p>\n

With VdoCipher’s Online Video Player You Can Stream Videos In Smooth and Secure Manner <\/a><\/p>\n

Find out how over 2000+ customers over 40+ countries use VdoCipher’s online video player to ensure seamless and secure video streaming!<\/p>\n<\/div>\n

This blog will provide steps to customize video player<\/a> color for WordPress sites. This CSS file can be used for all other front-end website frameworks. You will be needing to edit the desired color at the 5 positions where the default color (#0294f9) is mentioned.<\/p>\n

\"video<\/a><\/p>\n

Change Video Player Color in WordPress<\/h3>\n

Change VdoCipher video player color by adding the following CSS to WordPress. Please follow the steps:<\/p>\n

    \n
  1. Goto WordPress Dashboard<\/li>\n
  2. Select the Appearances button<\/li>\n
  3. Choose the Customize Option<\/li>\n
  4. In the new page, select Additional CSS<\/li>\n
  5. Add the CSS in the field given<\/li>\n<\/ol>\n

    You can replace the default color value (#0294f9) with your desired color in RGB (for example rgb(255, 99, 71)) or hex (example #ff6347) format. You can experiment with colors and their hex values at HTML Color Codes<\/a>.<\/p>\n

    https:\/\/gist.github.com\/milangupta4\/9fa61ae9d35629855508a62a41724cfc<\/p>\n

    Please contact us at support@vdocipher.com<\/a> for any further help with this code.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Many users ask us about changing the video player color to match their website theme. Since all design elements come down to a few CSS elements, we provide the CSS file below so you can edit the player color. We will be looking to make this a much simpler process in the future. Explore More […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,261],"tags":[],"class_list":{"0":"post-3189","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-using-vdocipher","7":"category-video-player","8":"entry"},"yoast_head":"\nCustomize Video Player - Change Player Color in Wordpress<\/title>\n<meta name=\"description\" content=\"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customize Video Player - Change Player Color in Wordpress\" \/>\n<meta property=\"og:description\" content=\"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\" \/>\n<meta property=\"og:site_name\" content=\"VdoCipher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vdociphertech\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-12T17:02:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T10:43:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png\" \/>\n<meta name=\"author\" content=\"Siddhant Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@siddhantjain92\" \/>\n<meta name=\"twitter:site\" content=\"@vdocipher\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Siddhant Jain\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\"},\"author\":{\"name\":\"Siddhant Jain\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/1f5be029a52d3e08694798f309353a11\"},\"headline\":\"Customize Video Player – Change Player Color in WordPress\",\"datePublished\":\"2022-05-12T17:02:46+00:00\",\"dateModified\":\"2024-01-09T10:43:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\"},\"wordCount\":250,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png\",\"articleSection\":[\"Using VdoCipher\",\"Video Player\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\",\"name\":\"Customize Video Player - Change Player Color in Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png\",\"datePublished\":\"2022-05-12T17:02:46+00:00\",\"dateModified\":\"2024-01-09T10:43:49+00:00\",\"description\":\"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png\",\"contentUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www-uat.vdocipher.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customize Video Player – Change Player Color in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#website\",\"url\":\"https:\/\/www-uat.vdocipher.com\/blog\/\",\"name\":\"VdoCipher Blog\",\"description\":\"Secure Video Streaming\",\"publisher\":{\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www-uat.vdocipher.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#organization\",\"name\":\"VdoCipher\",\"url\":\"https:\/\/www-uat.vdocipher.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png\",\"contentUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png\",\"width\":1625,\"height\":1925,\"caption\":\"VdoCipher\"},\"image\":{\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vdociphertech\/\",\"https:\/\/x.com\/vdocipher\",\"https:\/\/www.linkedin.com\/company\/vdocipher\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/1f5be029a52d3e08694798f309353a11\",\"name\":\"Siddhant Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/74f0e0dbaac81ce6b4bd2da975f0631b567077f4771700a81cec4a59ac42ec1a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/74f0e0dbaac81ce6b4bd2da975f0631b567077f4771700a81cec4a59ac42ec1a?s=96&r=g\",\"caption\":\"Siddhant Jain\"},\"description\":\"Siddhant Jain is the CEO of VdoCipher, a video infrastructure company specializing in secure video streaming and piracy protection. He has deep expertise in DRM technologies, anti-piracy solutions, and video hosting systems. Siddhant works extensively on building scalable video APIs, customisable video players, and SaaS products for global media and education platforms. His work focuses on helping EdTech, MediaTech, and OTT businesses protect and monetize their premium video content. He regularly engages with companies on building secure, scalable video technology stacks for modern streaming platforms.\",\"sameAs\":[\"https:\/\/www.vdocipher.com\/\",\"https:\/\/www.linkedin.com\/in\/siddhant-jain-3854545a\/\",\"https:\/\/x.com\/siddhantjain92\"],\"url\":\"https:\/\/www-uat.vdocipher.com\/blog\/author\/siddhantjain\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Customize Video Player - Change Player Color in Wordpress","description":"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","og_locale":"en_US","og_type":"article","og_title":"Customize Video Player - Change Player Color in Wordpress","og_description":"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...","og_url":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","og_site_name":"VdoCipher Blog","article_publisher":"https:\/\/www.facebook.com\/vdociphertech\/","article_published_time":"2022-05-12T17:02:46+00:00","article_modified_time":"2024-01-09T10:43:49+00:00","og_image":[{"url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png","type":"","width":"","height":""}],"author":"Siddhant Jain","twitter_card":"summary_large_image","twitter_creator":"@siddhantjain92","twitter_site":"@vdocipher","twitter_misc":{"Written by":"Siddhant Jain","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#article","isPartOf":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/"},"author":{"name":"Siddhant Jain","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/1f5be029a52d3e08694798f309353a11"},"headline":"Customize Video Player – Change Player Color in WordPress","datePublished":"2022-05-12T17:02:46+00:00","dateModified":"2024-01-09T10:43:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/"},"wordCount":250,"commentCount":0,"publisher":{"@id":"https:\/\/www-uat.vdocipher.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png","articleSection":["Using VdoCipher","Video Player"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","url":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","name":"Customize Video Player - Change Player Color in Wordpress","isPartOf":{"@id":"https:\/\/www-uat.vdocipher.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage"},"image":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png","datePublished":"2022-05-12T17:02:46+00:00","dateModified":"2024-01-09T10:43:49+00:00","description":"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...","breadcrumb":{"@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#primaryimage","url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png","contentUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/11\/12-Best-WordPress-Video-Player-Plugins-of-20212-e1652420358303-1024x422.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www-uat.vdocipher.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Customize Video Player – Change Player Color in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#website","url":"https:\/\/www-uat.vdocipher.com\/blog\/","name":"VdoCipher Blog","description":"Secure Video Streaming","publisher":{"@id":"https:\/\/www-uat.vdocipher.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-uat.vdocipher.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#organization","name":"VdoCipher","url":"https:\/\/www-uat.vdocipher.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png","contentUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png","width":1625,"height":1925,"caption":"VdoCipher"},"image":{"@id":"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vdociphertech\/","https:\/\/x.com\/vdocipher","https:\/\/www.linkedin.com\/company\/vdocipher"]},{"@type":"Person","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/1f5be029a52d3e08694798f309353a11","name":"Siddhant Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-uat.vdocipher.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/74f0e0dbaac81ce6b4bd2da975f0631b567077f4771700a81cec4a59ac42ec1a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/74f0e0dbaac81ce6b4bd2da975f0631b567077f4771700a81cec4a59ac42ec1a?s=96&r=g","caption":"Siddhant Jain"},"description":"Siddhant Jain is the CEO of VdoCipher, a video infrastructure company specializing in secure video streaming and piracy protection. He has deep expertise in DRM technologies, anti-piracy solutions, and video hosting systems. Siddhant works extensively on building scalable video APIs, customisable video players, and SaaS products for global media and education platforms. His work focuses on helping EdTech, MediaTech, and OTT businesses protect and monetize their premium video content. He regularly engages with companies on building secure, scalable video technology stacks for modern streaming platforms.","sameAs":["https:\/\/www.vdocipher.com\/","https:\/\/www.linkedin.com\/in\/siddhant-jain-3854545a\/","https:\/\/x.com\/siddhantjain92"],"url":"https:\/\/www-uat.vdocipher.com\/blog\/author\/siddhantjain\/"}]}},"yoast":{"focuskw":"video player","title":"Customize Video Player - Change Player Color in Wordpress","metadesc":"Many users ask us about changing the video player color to match their website theme. Here are the steps to change player color for WordPress sites...","linkdex":"64","metakeywords":"","meta-robots-noindex":"","meta-robots-nofollow":"","meta-robots-adv":"","canonical":"https:\/\/www.vdocipher.com\/blog\/2018\/05\/video-player-color-change\/","redirect":"","opengraph-title":"","opengraph-description":"","opengraph-image":"","twitter-title":"","twitter-description":"","twitter-image":""},"_links":{"self":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/posts\/3189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/comments?post=3189"}],"version-history":[{"count":4,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/posts\/3189\/revisions"}],"predecessor-version":[{"id":13462,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/posts\/3189\/revisions\/13462"}],"wp:attachment":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/media?parent=3189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/categories?post=3189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/tags?post=3189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}