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:


Preview

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

<link href='https://cdn.plyr.io/3.4.4/plyr.

css' rel='stylesheet' />

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

<script src='//cdn.plyr.io/3.4.4/plyr.js' />

<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" />


</audio>


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


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

</video>


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

</div>


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

</div>


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