Versatile video player for blogger blogs

Versatile video player for blogger blogs

In today's explanation I will give you a way to include videos of YouTube and Fimo and other formats such as MP3 and MP4 with a very professional operator, you can preview the players from the following preview button:


Search for </head> or /head> and place this code directly above it

<link href='

css' rel='stylesheet' />

Now find </body> and put the following code right above it:

<script src='//' />

<script>/*<![CDATA[*/const players = Array.from(document.querySelectorAll('.js-player')).map(player => new Plyr(player));/*]]>* /</script>

save template

To add a video or something else, put the following codes, changing what suits you.

<audio class="js-player" controls="">

  <source src="mp3 link" type="audio/mp3" />


<video class="js-player" controls="" playsinline="" poster="thumbnail">

<source src="mp4 video link" type="video/mp4" />


<div class="js-player" data-plyr-embed-id="Youtube Video ID" data-plyr-provider="youtube">


<div class="js-player" data-plyr-provider="vimeo" data-plyr-embed-id="vimeo video ID">


If you liked the addition of the day, do not forget to subscribe to the blog in order to reach all the new things. 

Previous Post Next Post