Default video player for blogger
1 minute read
Default video player for HTML
HTML is a default video player and embedded video player more
option are available in video player
play/pause
download
full screen
drag to 10 sec
mute/unmute
embedded video player code:-
<video
width="450"
height="250"
controls
preload="auto">
<source src="https://drive.google.com/uc?export=download&id=1X_CDTnHXXAyTRxHaO_WlnHDMvQ76fZdd"type="
video/mp4">
</video>
automatic play your video :-
<video width="400"
height="350"
autoplay>
<source src="myvid.mp4" type="video/mp4">
<source src="myvid.ogg" type="video/ogg">
</video>
controls only you click play button to play the video :-
<video width="400"
height="350"
controls>
<source src="myvid.mp4"
type="video/mp4">
<source src="myvid.ogg"
type="video/ogg">
</video>
Border -Radious :-
<div class="video-mask">
</div>
<br>
///css code
<style>
.video-mask{
width: 450px;
height: 250px;
border-radius: 27px 27px 27px 27px;
overflow: hidden;
}
</style>
Border radious is better view and look |
red color text is very important
once your video upload on Google drive, mediafire, mega, are more cloud service provider and upload your video and get link for every once and past the code
this code output:-
Post a Comment