Q:

Build HTML Video Player Support SD, HD, FHD, UHD Resolution

belongs to collection: HTML + Javascript Examples

0

HTML5 video player which support multiple video resolution sd (standard deviation), HD (high deviation), FHD (full high deviation), UHD (ultra-high deviation) when we click the button it should change the size according to its resolution you also can change video path by giving a name with extension. Save the code as given the suggested name "htmlplayer.html". remember file name extension should be .html or .htm. 

All Answers

need an explanation for this answer? contact us directly to get an explanation for this answer

HTMLPLAYER.html

<!DOCTYPE html>
<html>
<body>

<div style="text-align:center">
<button onclick="playPause()">Play/Pause</button>
<button onclick="makeBig()">SD</button>
<button onclick="makeSmall()">HD</button>
<button onclick="makeNormal()">FHD</button>
<button onclick="makeNormal1()">UHD</button>
<br><br>
<video id="video1" width="360">
<source src="aa1.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</div>

<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}

function makeBig() {
myVideo.width = 480;
}

function makeSmall() {
myVideo.width = 720;
}

function makeNormal() {
myVideo.width = 1080;
}

function makeNormal1() {
myVideo.width = 2160;
}
</script>
</body>
</html>

Output:

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

This question belongs to these collections

Similar questions


need a help?


find thousands of online teachers now
<< Create Javascript Program to Make a Light Bulb Tur...