Stream UI All Typography

---

Video Player

As stream ui video player uses plyr.io video player which is customised to modify it more visit plyr website to know more about it. As the stream ui video player code is below.

 
<!--Add a Simple HTML5 Video tag-->
<div id="container">
<!--Docs styles-->
<link href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" rel="stylesheet">
</link>
<video controls="" data-poster="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqeoJew5yis8YDoUS_E52BcWKa5IsLBigvEQ&usqp=CAU" id="player">
<!-- Video files -->
<source size="480" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
</source>
<source size="720" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
</source>
<source size="1080" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
</source>
<!-- Caption files -->
<track default="" kind="captions" label="English" src="#" srclang="en"></track>
<script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.js"></script>

Recommended Post Style Code

We recommend you to use this post style code to make your movie streaming website more awesome and cool

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65xBN-6_gOri-2DWFiFAVS23tZrzjCRFpkkTk2XA6HN45vvrKTtnLF69grFWBVEm3ee_xttu7z0L1vvkqPPjI6UxSlIBwgPoKr2FcdDbJMUoTUtb2s_rIPm30VGB2gj3Gp89biNeA2tcJYHizA5owOnDH7eqQ5qYa1UknGA1KRsoJ8-vDsA9HtkMM/s640/images%20(5).jpeg" style="display: none;" />
<!--Add a Simple HTML5 Video tag-->
<div id="container">
   <!--Docs styles-->
   <link href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" rel="stylesheet">
   </link>
   <video controls="" data-poster="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqeoJew5yis8YDoUS_E52BcWKa5IsLBigvEQ&usqp=CAU" id="player">
      <!-- Video files -->
      <source size="480" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
      </source>
      <source size="720" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
      </source>
      <source size="1080" src="https://drive.google.com/uc?export=download&id=1NJydugtuVGYWfyoKr5t0I7m1vVtB6nig" type="video/mp4">
      </source>
      <!-- Caption files -->
      <track default="" kind="captions" label="English" src="#" srclang="en"></track>
      <script src="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.js"></script>
   </video>
</div>
<span style="font-family: Noto Sans; font-size: x-large;">Your Video Title Here !</span></b>
<!--[ Active function ]-->
<input class='tbIn hidden' id='fTabs-1' type='radio' name='postTabs' checked>
<!--[ Tabs header/title ]-->
<div class='tbHd scrlH'>
   <!--[ Change atribute data-text='...' to replace tabs title ]-->
   <label for='fTabs-1' data-text='Description'></label>
</div>
<div class='tbText-1'><span><span style="font-family: Mulish;"><a href="https://sr7sunrisers.blogspot.com/search/label/test-match/">#Test Match</a>&nbsp;&nbsp;<a href="#">#Cricket</a></span><br /></span><span style="font-family: Mulish;">India ended Day 1 strongly after reaching 258/4 in the first innings of the first Paytm Test against New Zealand</span></div>
<style>
   :root {
   --plyr-color-main: #F57C00;
   }
</style>
<style>
   :root {
   --plyr-color-main: #F57C00;
   }
</style>

We recommend you to go to your setting and make your static homepage to /search for better experience.