diff --git a/html5video/movplay.js b/html5video/movplay.js
index 1d9fc7d..6566e09 100644
--- a/html5video/movplay.js
+++ b/html5video/movplay.js
@@ -3,24 +3,16 @@
  */
 
 function phook() {
-    // Video Handling functions
-    function dispTime(e) {
-	var pt = document.getElementById("time");
-	if (pt) {
-	    pt.innerHTML = vi.currentTime;
-	}
-    }
-    vi = document.getElementById("vid");
-    vi.addEventListener('timeupdate', dispTime);
-    function setTime(e) {
-	var input = document.getElementById('settime')
-	if (e.type=='keypress' && e.key != 'Enter') return;
-	if (input) {
-	    vi.currentTime = input.value;;
-	}
-    }
-    document.getElementById("b").addEventListener('click', setTime);
-    document.getElementById("settime").addEventListener('keypress', setTime);
+    // Global markers in a map
+    var map = L.map('map').setView([38.891, 139.824], 16); 
+    var marker = L.marker().setLatLng(map.getCenter()).addTo(map);
+    var timescale = 20;
+    timescale = 1;
+    // var videostart = new Date ('2019-07-29 09:32:35').getTime();
+    var videostart = new Date ('2019-07-29T00:32:35Z').getTime();
+    // videostart = 1510000;
+    videostart += -81000;
+    // alert(videostart);
 
     // MAP handling functions
     var basemaps = {
@@ -40,8 +32,6 @@
 	 '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>',
 	 maxZoom: 20, maxNativeZoom: 18},
     };
-    var map = L.map('map').setView([38.891, 139.824], 16); 
-    var marker = L.marker().setLatLng(map.getCenter()).addTo(map);
     var layers = {};
     for (let i in basemaps) {
 	layers[i] = L.tileLayer(basemaps[i].url, basemaps[i]);
@@ -50,19 +40,111 @@
     layers['OpenStreetMap'].addTo(map);
     // Load gpx
     var gpxgj, times, coords;
-    var gpx = omnivore.gpx("2019_07_29-Yawata.gpx").
-	on('ready', function() {
-	    var cons = document.getElementById('console');
-	    gpxgj  = this.toGeoJSON();
-	    times  = gpxgj.features[0].properties.coordTimes;
-	    coords = gpxgj.features[0].geometry.coordinates;
-	    cons.textContent = times
-	    // alert(times[0][0]);
-	    var d = new Date(Date.parse(times[0][0]));
-	    alert(d.toLocaleString());
-	    cons.textContent += JSON.stringify(gpxgj, null, " ");
-	    
-	}).addTo(map);
+    // var gpx = omnivore.gpx("2019_07_29-Yawata.gpx");
+    var pointnum=0;
+    function setProperty(f, layer) { // カスタムレイヤ作成用の関数
+	pointnum++;
+    }
+    var gpx = omnivore.gpx("2019_07_29-Yawata.gpx",
+			   null,
+			   L.geoJson(null, {
+			       style: {color: "green", weight: 8},
+			       onEachFeature: setProperty
+			   }));
+    var tmarray = [];
+    gpx.on('ready', function() {
+	var cons = document.getElementById('console');
+	gpxgj  = this.toGeoJSON();
+	times  = gpxgj.features[0].properties.coordTimes;
+	coords = gpxgj.features[0].geometry.coordinates;
+	// cons.textContent = times;
+	// alert(times[0][0]);
+	var d = new Date(Date.parse(times[0][0])),
+	    start = d.getTime();	// Millisecond
+	var ofs, t, tm;
+	for (let i=0; i<times[0].length; i++) {
+	    tm = times[0][i];
+	    t = new Date(tm).getTime();
+	    // ofs = t.getTime() - start;
+	    tmarray.push([t, coords[0][i]]);
+	}
+	marker.setLatLng([38.94229999999999999999, 139.88699999999999999999]);
+	map.setView(marker.getLatLng());
+	alert(tmarray[0][0]+', -1='+tmarray[tmarray.length-1][0]+', vs='+videostart);
+	//alert(new Date().getTimezoneOffset());
+	cons.textContent = JSON.stringify(tmarray);
+	// alert(d.toLocaleString());
+	//      cons.textContent += JSON.stringify(gpxgj, null, " ");
+    }).addTo(map);
+
+    function seekGeom(t) {
+	// Seek geom pos in tmarray{} by binary search
+	var pseudot = t * 1000 * timescale + videostart;
+	var left=0, right=tmarray.length-1, m;
+	if (pseudot < tmarray[left][0] || pseudot > tmarray[right][0])
+	    return null;
+	console.log("IN="+pseudot);
+	while (left<right) {
+	    m = Math.floor((left+right)/2);
+	    if (pseudot < tmarray[m][0])
+		right = m-1;
+	    else
+		left = m+1;
+	}
+	console.log(m);
+	return tmarray[m][1];
+    }
+    // Video Handling functions
+    function dispTime(e) {
+	var pt = document.getElementById("time");
+	var geom, latlng;
+	if (pt) {
+	    pt.innerHTML = vi.currentTime;
+	    geom = seekGeom(vi.currentTime);
+	    console.log(JSON.stringify(geom));
+	    latlng = L.latLng([geom[1], geom[0]])
+	    marker.setLatLng(latlng);
+	    map.setView(latlng);
+	}
+    }
+    vi = document.getElementById("vid");
+    vi.addEventListener('timeupdate', dispTime);
+    function seekTime(latlng) {
+	// Seek video time from tmarray
+	var lat=latlng.lat, lng=latlng.lng, x, y, s, idx=0;
+	var min = Math.pow(tmarray[0][1][0]-lat, 2) 
+	    + Math.pow(tmarray[0][1][1]-lng, 2);
+	var beg = new Date().getTime();
+	for (let i=0; i<tmarray.length; i++) {
+	    x = tmarray[i][1][0]; y=tmarray[i][1][1];
+	    s = Math.pow(x-lng, 2) + Math.pow(y-lat, 2);
+	    if (s < min) {
+		idx = i;
+		min=s;
+	    }
+	}
+	console.log('lapse='+(new Date().getTime()-beg));
+	return (idx>0) ?
+	    (tmarray[idx][0] - videostart) / 1000 / timescale
+	    :
+	    null;
+    }
+    function setTime(e) {
+	var input = document.getElementById('settime')
+	if (e.type=='keypress' && e.key != 'Enter') return;
+	if (input) {
+	    vi.currentTime = input.value;;
+	}
+    }
+    function clickToRewind(e) {
+	var tm = seekTime(e.latlng);
+	if (tm) {
+	    vi.currentTime = tm;
+	}
+    }
+    map.on("click", clickToRewind);
+    document.getElementById("b").addEventListener('click', setTime);
+    document.getElementById("settime").addEventListener('keypress', setTime);
 }
 
 window.onload = phook;