<!DOCTYPE html>
<html><head><title>Play Local Videos on Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='SHORTCUT ICON' href='/g/v.ico'>
<link rel='stylesheet' href='/i/c.css'>
<style>
.ta1 { width:300px; height:100px; font-family:Courier New; }
.ta2 { width:300px; height: 60px; font-family:Courier New; }
.btn { background-color:white; border-radius:50%; font-weight:bold; cursor:pointer; }
</style>
<script src='/i/j.php'></script>
<?php
if($_SERVER['HTTP_REFERER']
AND !preg_match('/:\/\/(www\.)?qindex\.info\/q\.php/',$_SERVER['HTTP_REFERER']))
echo "<script src='/i/jqz.php'></script>";
?>
<script>
// ---------------------------------------------------------------------------- functions
function fb(b) { // button press
switch(b) {
case 'l':
player.currentTime = cc;
player.play();
break;
case 'u':
player.currentTime = player.currentTime-5;
player.play();
break;
case 'r':
player.play();
break;
case 'd':
player.pause();
cc = player.currentTime-1;
break;
default:
}
}
function fk(event) { // key press
var e = event;
var n = e.which || e.keyCode;
if(n==37) { fb('l'); e.returnValue = false; }
if(n==38) { fb('u'); e.returnValue = false; }
if(n==39) { fb('r'); e.returnValue = false; }
if(n==40) { fb('d'); e.returnValue = false; }
}
</script>
</head><body style='font-size:0.9em;'><center>
<video autoplay="autoplay" controls="controls" height="203" id="player" width="360"></video>
<br>
<input accept="video/*" id="local" type="file">
<script>
var player = document.getElementById('player');
var cc;
document.getElementById('local').onchange = function(){
cc = 0;
var files = this.files;
var file = URL.createObjectURL(files[0]);
player.src = file;
player.play();
};
</script>
<div style='padding:0px; width:100%;'>
<table cellspacing='5' style='width:auto;'>
<tr>
<td style='padding:0px; text-align:center; vertical-align:middle;'>
<a href='/listionary.php' target='_blank'><img style='width:50px; cursor:pointer; border-radius:50%;'
src='/g/listionary.png'></a>
</td>
<td style='padding:0px;'><img src='/g/arrow_up.png'
style='width:100px; cursor:pointer; display:block;' onclick="fb('u');"></td>
<td style='padding:0px; text-align:center; vertical-align:middle;'>
<img src='/s/3/2959_14154.png' onclick="window.close();"
style='width:50px; cursor:pointer; transform: rotate(45deg);'>
</td>
</tr>
<tr>
<td style='padding:0px; text-align:right;'><img style='width:100px; cursor:pointer;'
src='/g/arrow_left.png' onclick="fb('l');"></td>
<td style='padding:0px; width:100px;'><img style='width:100px; cursor:pointer;'
src='/g/arrow_down.png' onclick="fb('d');"></td>
<td style='padding:0px; text-align:left;'><img style='width:100px; cursor:pointer;'
src='/g/arrow_right.png' onclick="fb('r');"></td>
</tr>
</table>
</div>
</center></body></html>
