360度動画・写真混在アルバムのネット配信

<script src="../vrview-master/build/vrview.min.js"></script>　 //本体にパスを通す
</div>
<div id="vrview1" ></div>

<script>
var vrView;
window.addEventListener('load', onVrViewLoad)
function onVrViewLoad() {
vrView = new VRView.Player('#vrview1',
{ video: './komaga05.mp4',　 //表示する動画。相対パスでも可能。
width: '720',
height: '408'
});

vrView.on('ready', function () {
// PCで自動再生されないようにする
vrView.pause();
state = 'pause';
});
vrView.on('click', function () {
// タップするたびに再生・一時停止を繰り返す
if (state === 'pause') {
vrView.play();
state = 'play';
} else {
vrView.pause();
state = 'pause';
}
});

vrView.on('ready', onVRViewReady);
vrView.on('click', onVRViewClick);
}

//今回は、2ケ所のホットスポットとそのイベント（アラートとオープン)の設定
function onVRViewReady(e){
vrView.addHotspot('spot1', {
pitch: -15,　// 上方向の位置。-90,90の範囲で指定
yaw: -40,　// 横方向の位置。-180,180の範囲で指定
radius: 0.10,　// 円の半径
distance: 1　// カメラからの距離
});
}
function onVRViewClick(e){
if(e.id == 'spot1'){

open("./komaga06.html",target="_self"); // リンク元を同じページに表示させる
};

}
</script>