Standart HTML5 Player
Plyr Video Player
Line 100: | Line 100: | ||
<div class="text"> | <div class="text"> | ||
+ | |||
+ | <p>Standart HTML5 Player</p> | ||
<video style="width:100%;" controls poster="https://upload.wikimedia.org/wikipedia/commons/7/7c/Aspect_ratio_16_9_example.jpg"> | <video style="width:100%;" controls poster="https://upload.wikimedia.org/wikipedia/commons/7/7c/Aspect_ratio_16_9_example.jpg"> | ||
Line 105: | Line 107: | ||
<source src="movie.ogg" type="video/ogg"> | <source src="movie.ogg" type="video/ogg"> | ||
Your browser does not support the video tag. | Your browser does not support the video tag. | ||
+ | </video> | ||
+ | |||
+ | |||
+ | <p>Plyr Video Player</p> | ||
+ | |||
+ | <video poster="https://upload.wikimedia.org/wikipedia/commons/7/7c/Aspect_ratio_16_9_example.jpg" controls> | ||
+ | <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4"> | ||
+ | <source src="/path/to/video.webm" type="video/webm"> | ||
+ | <!-- Captions are optional --> | ||
+ | <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default> | ||
</video> | </video> | ||
Standart HTML5 Player
Plyr Video Player