Introduction
Welcome to my blog SR7Themes!
Today the topic is Stream Ui All Typography
Hope this post might be useful to you and please stay tuned to our blog for further updates. Remember the end contains surprises!
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>
<br />
<b><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> <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.
Conclusion
I expressed my views on the topic 'Stream Ui All Typography'. Hope you are furnished my opinion. The post mustn't be copied without prior permission by emailing or telegram.Source:
https://www.sr7themes.eu.org/2022/07/stream-ui-all-typography.html