南イタリア アルベロベッロからナポリへ 10日間(Xsrv)

南イタリア アルベロベッロからナポリへ 10日間(Xsrv)
 
=iPhone用導入ページ=
(60秒後にタイトルページへジャンプします)
 
導入ページをFlash未対応のiPhoneにも対応させる為に、MP4をHTML5 ビデオで提供。
スマートフォンでHTML5ビデオを自動再生させる方策
スマートフォンではHTML5 ビデオを前もってonloadする必要がある。
本ページでは javascriptのwindow.onloadにページジャンプに加えて導入する必要がある為、「onloadが複数で困ったら(Javascript編)」を参考に対処した。
<script type="text/javascript">
addOnload(function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
});
// onloadイベントを追加する。
function addOnload(func)
{
try {
window.addEventListener("load", func, false);
} catch (e) {
// IE用
window.attachEvent("onload", func);
}
}
</script>
<成績>
ビデオの再生開始が遅延して、ページジャンプの指定時間よりもビデオの完了が遅れると、自動で終了出来なくなってしまう。
 
アドレスバーを非表示にする方策
このスクリプトも前もってonloadする必要がある為、同様に対処した。
<script type="text/javascript">
/*アドレスバー を非表示*/
function doScroll(){ if (window.pageYOffset === 0) { window.scrollTo(0,1); } }
addOnload(function() { setTimeout(doScroll, 100); });
// onloadイベントを追加する。
function addOnload(func)
{
try {
window.addEventListener("load", func, false);
} catch (e) {
// IE用
window.attachEvent("onload", func);
}
}
</script>