Плеер HTML5 с возможностью регулирования скорости воспроизведения С вольно написанным кодом.
<head>
<style>
.shkala{ position:absolute;
left:0;
width:450px;
height:15px;
border-bottom-color:#BA55D3;
border-bottom-width: 2px; border-bottom-style: solid;
}
</style>
<script>
function getMouseCoords(e) {
document.oncontextmenu=function(){return false;}
document.ondragstart = function(){return false;}
document.body.onselectstart = function(){return false;}
e = e||window.event;
var d=e.clientX+document.body.scrollLeft;
if (d>400){d=400};
if (d<=50){d=50};
document.all.vospr.style.left=(d-25)+"px";
document.getElementById("vospr").innerHTML=d/100;
я();
}
var и=document.all;
var г;
function bod() { var и=document.all; г=и("k");
var span = document.createElement('span');
span.innerHTML =['<div><button onclick="ю()">нормально</button></div>'].join('');
и.last.insertBefore(span, null);
}
function я() {
var в=document.all("vospr").innerHTML
г.play(); г.playbackRate = в;}
function ю() {г.play(); г.playbackRate = 1;
document.all.vospr.style.left=75+"px";
document.getElementById("vospr").innerHTML=1
}
</script>
</head>
<body ><div align="center">
<div><form action="http://clecar.ru/PLEER.html"><button type="submit" style="position:absolute; top:0px;left:10px;">на главную</button></form>
<input type= "button" value="обновить" style="position:absolute; top:0px; left:100px;" onClick=location.reload() >
</div>
<div align="center" style=" width:600px;" > ПЛЕЕР БАЛОВСТВО<br>
Нажимаем на кнопку загрузка, и загружаем видео со своего компьютера на эту страницу
желательно размером менее 30 мегабайт, в формате MP4 или OGV, передвигая
кнопку пуск, меняем скорость воспроизведения от половины нормальной до четырёхкратной.
<input type="file" id="files" >
</div>
<div align="center" ><output id="list" ></output></div>
<div align="center" ><output id="last" ></output></div>
<div class="shkala">
<a onmousemove="getMouseCoords(event)" onmousedown =я()>
<div style="position:absolute; border: 3px solid black; width:50px; height:20px; background:#98FB98; border-radius: 20px; left:75px; cursor: pointer; z-index:2; " id="vospr" >пуск</div></a>
</div>
<script>
function handleFileSelect(evt) { var и=document.all;
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('video.*')) { continue; }
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
var span = document.createElement('span');
span.innerHTML = ['<video src=" ', e.target.result,' " controls id="k">'].join('');
и.list.insertBefore(span, null);
var й=и.k.src;
bod();
};})(f);reader.readAsDataURL(f); }}
и('files').addEventListener('change', handleFileSelect);
</script>
</body>