Skip to content

Instantly share code, notes, and snippets.

@surfjedi

surfjedi/index.html

Last active December 2, 2020 23:21
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save surfjedi/81ca2ecab71c329e1b095b438a003e09 to your computer and use it in GitHub Desktop.
Save surfjedi/81ca2ecab71c329e1b095b438a003e09 to your computer and use it in GitHub Desktop.
Download ZIP
html video tag
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Stupid Videos test video tag</title>
<style>
video {
background: black;
height: 331px;
width: 441px;
}
</style>
</head>
<body>
<h1 id="title">http://videos.stupidvideos.com/2/00/00/24/08/2408.mp4</h1>
<button onclick="setVideo()">click</button>
<video width="441" id="video" autoplay controls>
<source id="sourcemp4" src="http://videos.stupidvideos.com/2/00/00/24/08/2408.mp4" type="video/mp4">
<!-- NOTE: to be added later when webm is converted -->
<!-- <source id="sourcewebm" src="http://videos.stupidvideos.com/2/00/00/24/08/2408.webm" type="video/mp4"> -->
</video>
<script type="text/javascript">
let videos = [
"http://videos.stupidvideos.com/2/00/00/14/75/1475.mp4",
"http://videos.stupidvideos.com/2/00/00/15/08/1508.mp4",
"http://videos.stupidvideos.com/2/00/01/00/28/10028.mp4",
"http://videos.stupidvideos.com/2/00/02/00/07/20007.mp4",
"http://videos.stupidvideos.com/2/00/03/00/18/30018.mp4",
"http://videos.stupidvideos.com/2/00/04/00/11/40011.mp4",
"http://videos.stupidvideos.com/2/00/06/07/37/60737.mp4",
"http://videos.stupidvideos.com/2/00/00/17/08/1708.mp4",
"http://videos.stupidvideos.com/2/00/50/15/78/501578.mp4"
];
let i = 0;
function setSource(){
if (i <= 2) {
i++
} else {
i = 0
}
console.log(i)
return videos[i]
}
function setVideo() {
let url = setSource()
let video = document.getElementById('video');
let sourcemp4 = document.getElementById('sourcemp4');
sourcemp4.setAttribute('src', url);
let heading = document.getElementById('title')
console.log(heading)
heading.innerHTML = url
video.load();
video.play();
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment