javascript - Video not resuming/Jumping in time not working -
another question video-coding.
so have been trying work videos in webapplication, has been far. here's problem, video i'm playing local file. whenever pause video or jump specific time, video player disables itself. works when hit 'play' again, causes video 'reload'. when hit 'play' once more, video starts again beginning.
this annoying , have no idea causing behave that. chrome, because firefox not bug in way, resuming works , on.
the code below simple video-player html5
<style type="text/css"> .easyhtml5video span { display: none; } </style> <div class="easyhtml5video" style="position: relative; max-width: 854px; max-height: 510px;"> <video controls="controls" autoplay="autoplay" runat="server" id="video" preload="none" style="width: 100%"> <source runat="server" id="mp4" type="video/mp4" /> <source runat="server" id="webm" type="video/webm" /> </video> </div> <script src="vidsrc/html5video/html5ext.js" type="text/javascript"></script> the script-code:
(function () { function j(t, s, i) { if (t.addeventlistener) { t.addeventlistener(s, i, false) } else { t.attachevent("on" + s, i) } } function r(t, s, i) { if (t.removeeventlistener) { t.removeeventlistener(s, i) } else { t.detachevent("on" + s, i) } } function o(u, t) { if (!u.length) { u = [u] } (var v in t) { (var s = 0; s < u.length; s++) { u[s].style[v] = t[v] } } } function m(t, v) { v = v || document; if (document.getelementsbyclassname) { return v.getelementsbyclassname(t) } var w = v.getelementsbytagname("*"), s = []; (var u = 0; u < w.length; u++) { if ((new regexp("(^|\\s+)" + t + "(\\s+|$)", "g")).test(w[u].classname)) { s.push(w[u]); break } } return s } var h = 0, n = ""; if (typeof document.cancelfullscreen != "undefined") { h = true } else { var e = "webkit moz o ms khtml".split(" "); (var f = 0, l = e.length; f < l; f++) { n = e[f]; if (typeof document[n + "cancelfullscreen"] != "undefined") { h = true; break } } } function g(i) { if (h) { switch (n) { case "": return document.fullscreen; case "webkit": return document.webkitisfullscreen; default: return document[n + "fullscreen"] } } else { return !!i.eh5v } } var k = 0; function c(i) { if (h) { return (n === "") ? i.requestfullscreen() : i[n + "requestfullscreen"]() } else { if (!i) { return } if (k) { d(k) } var t = { position: "fixed", left: 0, top: 0, right: "auto", bottom: "auto", width: window.innerwidth + "px", height: window.innerheight + "px", backgroundcolor: "rgba(0,0,0,0.9)", border: "none", zindex: 9999999 }; i.eh5v = {}; (var s in t) { i.eh5v[s] = i.style[s] } (var s in t) { i.style[s] = t[s] } j(document.body, "keydown", p); k = } } function d(i) { if (h) { return (n === "") ? document.cancelfullscreen() : document[n + "cancelfullscreen"]() } else { if (!i) { return } (var s in i.eh5v) { i.style[s] = i.eh5v[s] } i.eh5v = 0; r(document.body, "keydown", p); k = 0 } } function p(i) { if (i.keycode == 27) { d(k) } } var q; function a(t, h) { var u = t.getelementsbytagname("video")[0]; if (u) { if (/(ipad|iphone|ipod)/ig.test(navigator.useragent)) { var = new image(); a.style.visibility = "hidden"; a.src = u.poster; t.appendchild(a); u.style.position = "absolute"; u.style.height = "100%" } if (u.eh5v) { return } u.eh5v = { fullscreen: function (i) { if (i) { c(u) } else { if (g(u)) { d(u) } } return g(u) } }; var b; if (!h.nofs && u.getattribute("controls") && (window.opera || /msie/.test(navigator.useragent) || navigator.mozvibrate)) { var g = /(.*\/)[^\/]+/.exec(u.poster)[1] + "fullscreen.png"; if (!q) { q = new image(); q.src = g } b = document.createelement("div"); o(b, { position: "absolute", zindex: 10, display: "none", right: "0px", top: "0px", width: "28px", height: "28px", background: 'rgba(0,0,0,0.50) url("' + g + '") 50% 50% no-repeat', border: "none" }); u.parentnode.appendchild(b); function c() { b.style.display = "none" } j(u, "mouseover", function () { b.style.display = "block" }); j(u, "mouseout", function () { c() }); j(b, "mouseover", function () { b.style.display = "block" }); j(b, "click", function () { c(u); c() }) } j(u, "dblclick", function () { if (g(u)) { d(u) } else { c(u) } if (b) { settimeout(c, 100) } }); if (!u.getattribute("loop")) { j(u, "ended", function () { settimeout(function () { u.load(); u.pause() }, 400) }) } if (/android/.test(navigator.useragent)) { var w = u.getelementsbytagname("source"), d; (var z = w.length - 1; z >= 0; z--) { if (!w[z].type) { d = w[z].src } else { if (d && /mp4/.test(w[z].type)) { w[z].src = d; u.load() } } } } var x = document.createelement("ul"), f = { pause: { label: "pause", click: function () { u.pause() } }, play: { label: "play", click: function () { u.play() } }, mute: { label: "mute", click: function () { u.muted = true } }, unmute: { label: "unmute", click: function () { u.muted = false } } }; o(x, { position: "fixed", display: "none", liststyletype: "none", margin: "0px", padding: "0px", background: "#fff", cursor: "pointer", zindex: 2147483647, webkitboxshadow: "2px 2px 10px #313131", mozboxshadow: "2px 2px 10px #313131", boxshadow: "2px 2px 10px #313131" }); j(x, "contextmenu", function (i) { i.preventdefault() }); function y() { x.style.display = "none" } j(x, "click", y); j(window, "scroll", y); j(document, "click", y); j(document, "contextmenu", y); (var v in f) { var s = document.createelement("li"); o(s, { margin: "0px", padding: "3px 20px" }); s.innerhtml = f[v].label; x.appendchild(s); j(s, "click", f[v].click); j(s, "mouseover", function () { o(this, { backgroundcolor: "#4281f4", color: "#fff" }) }); j(s, "mouseleave", function () { o(this, { backgroundcolor: "transparent", color: "#000" }) }); f[v].item = s } t.appendchild(x); j(u, "contextmenu", function (i) { o(x, { left: i.pagex + "px", top: i.pagey + "px", display: "block" }); i.preventdefault(); i.stoppropagation() }); function e() { f.unmute.item.style.display = u.muted ? "block" : "none"; f.mute.item.style.display = u.muted ? "none" : "block"; f.play.item.style.display = u.paused ? "block" : "none"; f.pause.item.style.display = u.paused ? "none" : "block" } j(window, "load", e); j(u, "pause", e); j(u, "play", e); j(u, "volumechange", e) } } var b = m("easyhtml5video"); (var f = 0; f < b.length; f++) { a(b[f], { nofs: 0 }) } })(); this script delivered html5 video converter. don't understand script, yeah.
my question is: how make sure video resumes , when jump specific time, video goes timestamp?
be warned, i'm newbie when comes programming , videos. have no experience @ ...
Comments
Post a Comment