<?php
/* 変数初期化
-------------------------------- */
// 動画配置先
$aws_m = "http://dm0h7eu99emdw.cloudfront.net/";

// サムネ配置先
$aws_t = "http://d2dd9kho8g60jb.cloudfront.net/";

// 今の時間
$today = strtotime(date('Y-m-d H:i:s'));

// 動画の横幅・高さ
$m_width = "100%";
$m_height = "100%";

// 自動再生の有無 - 0:自動再生なし、1:自動再生あり
$auto = 1;

/* 動画読み込み設定
-------------------------------- */
// -- デフォルト動画
$movie_pc = "lilith/mousepad/sakura/LGD-73051.mp4"; // PC用
$movie_an = "lilith/mousepad/sakura/LGD-73051_sp_a.mp4"; // Android用
$movie_ip = "lilith/mousepad/sakura/LGD-73051_sp_b.mp4"; // iPhone/iPad用
$movie_th = "LGD-73051.jpg"; // サムネイル

/* プレイヤー生成
-------------------------------- */
$poster = "{$aws_t}lilith-thumbnail/{$movie_th}";
if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') || strpos($_SERVER['HTTP_USER_AGENT'],'iPad')) {
	$moviePath = "{$aws_m}{$movie_ip}";
} else if (strpos($_SERVER['HTTP_USER_AGENT'],'Android')) {
	$moviePath = "{$aws_m}{$movie_an}";
} else {
	$moviePath = "{$aws_m}{$movie_pc}";
}

/* HTML生成
-------------------------------- */
if (!empty($auto)) {
// 自動再生あり
echo <<< EOF
<!DOCTYPE html>
<html>
<head>
	<style>
		html { overflow:hidden; }
		body { margin: 0;padding: 0;border: 0; }
	</style>
	<link rel="stylesheet" href="{$aws_t}media-player/mediaelementplayer.css" />
	<script src="{$aws_t}media-player/mediaelement-and-player.min.js"></script>
	<script src="{$aws_t}media-player/jquery-1.11.2.min.js"></script>
</head>
<body>
	<video id="player" width="{$m_width}" height="{$m_height}" data-ratio="1" autoplay preload="none">
	<script type="text/javascript">
		var player = new MediaElementPlayer('player', {
			success: function(mediaElement, originalNode) {
				mediaElement.addEventListener("loadstart", function(e) {
					$('.mejs__poster').hide();
				});
				mediaElement.addEventListener("ended", function(e) {
					$('.mejs__poster').show();
				});
			}
		});
		player.setSrc("{$moviePath}");
		player.setPoster("{$poster}");
		$(document).ready(function () {
			$('.mejs__poster').hide();
		});
	</script>
</body>
</html>
EOF;
} else {
// 自動再生なし
echo <<< EOF
<!DOCTYPE html>
<html>
<head>
	<style>
		html { overflow:hidden;height:100%; }
		body { margin: 0;padding: 0;border: 0; }
	</style>
	<link rel="stylesheet" href="{$aws_t}media-player/mediaelementplayer.css" />
	<script src="{$aws_t}media-player/mediaelement-and-player.min.js"></script>
</head>
<body>
	<video id="player" width="{$m_width}" height="{$m_height}" data-ratio="1" preload="metadata">
	<script type="text/javascript">
		var player = new MediaElementPlayer('player', {
			success: function(mediaElement, originalNode) {
				mediaElement.addEventListener("loadstart", function(e) {
					$('.mejs__poster').hide();
				});
				mediaElement.addEventListener("ended", function(e) {
					$('.mejs__poster').show();
				});
			}
		});
		player.setSrc("{$moviePath}");
		player.setPoster("{$poster}");
	</script>
</html>
EOF;
}
?>
