HTML5 local video file player example

by SHELDON PASCIAK

HTML

<h1>HTML5 local video file player example</h1>
<div id="message"></div>
<input type="file" accept="video/*"/>
<video controls autoplay src="http://lostwords.org/HVSSI.mp4"></video>

CSS

video, input {
    display: block;
}

input {
    width: 60%;       
}

.info {
    background-color: aqua;            
}

.error {
    background-color: red;
    color: white;
}

JavaScript

(function localFileVideoPlayer() {
	'use strict'
  var URL = window.URL || window.webkitURL
  var displayMessage = function (message, isError) {
    var element = document.querySelector('#message')
    element.innerHTML = message
    element.className = isError ? 'error' : 'info'
  }
  var playSelectedFile = function (event) {
    var file = this.files[0]
    alert(file.name);
    var type = file.type
    var videoNode = document.querySelector('video')
    videoNode.currentTime=5;
    var canPlay = videoNode.canPlayType(type)
    if (canPlay === '') canPlay = 'no'
    var message = 'Can play type "' + type + '": ' + canPlay
    var isError = canPlay === 'no'
    displayMessage(message, isError)

    if (isError) {
      return
    }

    var fileURL = URL.createObjectURL(file)
    videoNode.src = fileURL
    
  }
  var inputNode = document.querySelector('input');
  inputNode.addEventListener('change', playSelectedFile, false);
      var videoNode = document.querySelector('video');
      
      //*****
      //*****  here it is!!!
      //*****
      var j=prompt("pick a number 5 or 15 or 25",5);
    videoNode.currentTime=j;
})()