<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
<title>My Back Pages</title>
<style type="text/css">
A:link {color:#a39b8e;text-decoration:none}
A:visited {color:#a39b8e;text-decoration:none}
A:active {color:#ff4500;text-decoration:none}
A:hover {color:#FF4500;position:relative;top:2;left:2;text-decoration:underline}
</style>
</head>

<body bgcolor="#4c4c4c" text="#a39b8e">

<center>
<br>

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=qRv80p4XresTVIFS&amp;list=PL-pgiVMGfLFiGoF3czsk-iCsGlM40ixhr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<br>
<br>

<p><video src="/mybackpages/1.mp4" preload="none" onclick="playthis(1);" controls="controls" controlslist="nodownload" autoplay></video></p>

<font face="Times New Roman" size="4">
<ul style="list-style: none; padding-left: 0;">
<li id="list1"><a href="javascript:playthis(1)">Piano Solo Lesson</a></li>
<li id="list2"><a href="javascript:playthis(2)">Keith Jarrett</a></li>
<li id="list3"><a href="javascript:playthis(3)">Jan Garbarek</a></li>
</ul>
</font>


<script type="text/javascript">
// 再生ファイル配置ディレクトリ 相対パスではうまくいかない場合があります
var dir = "/mybackpages/";

// 現在再生中のマーク
var now = " ← Now Playing ";

// オーディオタグの取得
var media = document.getElementsByTagName("video")[0];

// 再生リストの作成
var list = new Array(3);
list[1] = "1.mp4";
list[2] = "2.mp4";
list[3] = "3.mp4";

// 再生リストの長さ
var length = list.length;

// クッキーの取得
var COOKIE = new Array();
if (document.cookie) {
	var cookies = document.cookie.split("; ");
	for (var i = 0; i < cookies.length; i++) {
		var str = cookies[i].split("=");
		COOKIE[str[0]] = unescape(str[1]);
	}
}

// クッキーにボリュームが設定されている場合はその値をボリューム値とする
var volume = isNaN(COOKIE["volume"]) ? 0.5 : COOKIE["volume"];
media.volume = volume;

// 再生が終わったら次を再生
media.onended = function(){ playnext(this.src); };

// ページを離れるときに現在のボリューム値をクッキーにセット
window.onbeforeunload = function(){ setCookie("volume", media.volume); };
</script>


<script type="text/javascript">
// これを再生
function playthis(key){
	media.pause();
	media.src = dir + list[key];
	media.play();
	for(var i=1;i<length;i++) document.getElementById("list"+i).innerHTML = document.getElementById("list"+i).innerHTML.replace(now,"");
	document.getElementById("list"+key).innerHTML += now;
}

// 次を再生
function playnext(objsrc) {
	var objsrc = decodeURI(objsrc);
	objsrc = objsrc.replace("http://"+location.hostname,"");
	objsrc = objsrc.replace("https://"+location.hostname,"");
	for (var i=1;i<length;i++) {
		var listsrc = dir + list[i];
		if(objsrc===listsrc){
			if(length==i+1){
				// 再生終了
				document.getElementById("list"+i).innerHTML = document.getElementById("list"+i).innerHTML.replace(now,"");
				// 先頭を再生
				// playthis(1);
			}else{
				playthis(i+1);
			}
			break;
		}
	}
}

// クッキーの発行
function setCookie(name, value, domain, path, expires, secure) {
	if (!name) return;
	domain = location.hostname;
	path = "/";
	expires = 30;

	var str = name + "=" + escape(value);
	if (domain) {
		if (domain == 1) domain = location.hostname.replace(/^[^\.]*/, "");
		str += "; domain=" + domain;
	}
	if (path) {
		if (path == 1) path = location.pathname;
		str += "; path=" + path;
	}
	if (expires) {
		var nowtime = new Date().getTime();
		expires = new Date(nowtime + (60 * 60 * 24 * 1000 * expires));
		expires = expires.toGMTString();
		str += "; expires=" + expires;
	}
	if (secure && location.protocol == "https:") {
		str += "; secure";
	}

	document.cookie = str;
}
</script>

<br>
<br>
<font face="Arial Black, Times New Roman" size="3">
<a href="#" onclick="window.close()" onfocus="blur()">Close Window</a>
</font></center>

</body>

</html>