Plyr is integrated with Galaxie Blopg and allows you to share code in your posts. As nearly everything in Galaxie Blog, Plyr can also be themed.

Table of Contents

How to modify the Plyr theme

If you're a Galaxie Blog owner, you can change the primary colors of the Plyr controls. The Plyr media player is now themed for Galaxie Blog's themes, but for those who are running Galaxie Blog, you can further modify the Plyr themes by simply changing the .css in the common/libs/plyr/customThemes folder to match your own created theme.

Simply open the plyr.css file in the common/libs/plyr/ folder and search and replace both the RGB and Hexadecimal values.

The default Plyr .css file specifies an RGB value of 0,179,255; the hexadecimal value is #00b3ff. There are 5 occurences of both 0,179,255 and 00b3ff.

Plyr Themes Now Match Galaxie Blog's Kendo UI themes.

Kendo UI already has a built-in media player, but it is only available with a commercial license. Telerik did not put its own media player into its open-source distribution of Kendo Core. However, even if you have a license, I recommend using Plyr. The Pylr media player is far superior and offers much more functionality, such as supporting captions, adding revenue capabilities, and even air-play support. It also supports Vimeo and YouTube.

I am ditching Kendo's media player and have modified Plyr to support the Kendo default less-based themes. After initializing Plyr, you only need to incorporate the proper theme CSS file in the header.

Getting the new Kendo UI Plyr Themes

I created a fork and saved my Plyr GIT repository at https://github.com/GregoryAlexander77/plyr/tree/master/themeCss. There is one .css file for every Kendo UI less-based theme.

Happy theme... err, streaming!

 

?