var player; var date = new Date() ; var browserStartTime = date.getTime() / 1000; console.log("browserStartTime:" + browserStartTime); var progressTime = 0; var startProgressTime = progressTime; var startStat=false; var venusPlayerElements; var watchReportTime=0; var realServerTime=0; var reportUnit=60; var videoSecond=0; var orderbutton; orderbutton = document.getElementsByClassName("venus_orderbutton"); (window.onload = function() { for (var i=0;i 155){ document.location = "http://mauloa.co.jp/venus/broadcast/end/5"; } progressTime = progressTime + 1; if(progressTime >= 0){ if(document.getElementById("venusCoutDown") && document.getElementById("venusCoutDown").innerHTML != ""){ if(getDevice != "other") { document.getElementById("playMessage").style.display = ""; } document.getElementById("venusCoutDown").innerHTML = ""; document.getElementById("venusCoutDown").style.backgroundImage = ""; document.getElementById("venusCoutDown").style.height = "20%"; document.getElementById("venusCoutDown").style.width = "100%"; document.getElementById("venusCoutDown").style.margin = "0px 0px"; } document.getElementById('venusPlayer').style.display = ""; start(); setTime(); drowHtml(); watchReportTime = watchReportTime + 1; if(watchReportTime >= reportUnit){ progressMinutes = Math.ceil(progressTime / reportUnit); watchReportTime = 0; } }else{ remainingSeconds = progressTime * -1; //console.log(remainingSeconds) var days = Math.floor(remainingSeconds / 3600 / 24); remainingSeconds = remainingSeconds - (days * 3600 * 24); var hours = Math.floor(remainingSeconds / 3600); remainingSeconds = remainingSeconds - (hours * 3600); var minites = Math.floor(remainingSeconds / 60); remainingSeconds = remainingSeconds - (minites * 60); var seconds = remainingSeconds; var stringLength=0; if(days > 0){ document.getElementById("venusCoutDownDay").innerHTML = days + "日"; stringLength = parseInt(stringLength) + parseInt(days.toString.length) + 1; } if(hours > 0){ document.getElementById("venusCoutDownHour").innerHTML = hours + "時間"; stringLength = parseInt(stringLength) + parseInt(hours.toString.length) + 2; } document.getElementById("venusCoutDownMinute").innerHTML = minites + "分"; document.getElementById("venusCoutDownSecond").innerHTML = seconds + "秒"; stringLength = parseInt(stringLength) + parseInt(minites.toString.length) + parseInt(seconds.toString.length) + 2; var client_w = document.getElementById('venusCoutDown').clientWidth; var fontSize = Math.floor(client_w / stringLength * 0.8); document.getElementById("countDownString").style.fontSize = fontSize + "px"; document.getElementById("countDownTitleString").style.fontSize = Math.floor(client_w / 6 * 0.5) + "px"; } },1000); function drowHtml(){ getVideoSecond(); //v1.1 if(document.getElementsByClassName("venus_orderbutton")){ } } // IFrame Player API の読み込み var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var ytPlayer; // YouTubeの埋め込み function onYouTubeIframeAPIReady() { ytPlayer = new YT.Player( 'venusPlayer', // 埋め込む場所の指定 { videoId: 'EvWpPiX_wiI', // イベントの設定 events: { 'onReady': onPlayerReady, // プレーヤーの準備ができたときに実行 'onStateChange': onPlayerStateChange // プレーヤーの状態が変更されたときに実行 },playerVars: { "rel":0, "showinfo":1, "controls":0, "modestbranding":1, "enablejsapi":1 } } ) } function setTime(){ var seconds = ytPlayer.getCurrentTime(); if(Math.abs(progressTime - seconds) > 10){ if(startStat){ ytPlayer.seekTo(progressTime); } } } function onPlayerReady(event){ ytPlayer.setVolume(100); } function onPlayerStateChange(event){ var ytStatus = event.data; if (ytStatus == YT.PlayerState.PLAYING) { startStat = true; document.getElementById("playMessage").style.display = "none"; } if (ytStatus == YT.PlayerState.ENDED) { document.location = "http://mauloa.co.jp/venus/broadcast/end/5"; } } function start(){ if(getDevice == "other") { if(startStat == false){ ytPlayer.playVideo(); startStat = true; } } } function getVideoSecond(){ if(ytPlayer.getCurrentTime()){ var second = ytPlayer.getCurrentTime(); if(Math.abs(progressTime - second) <= 10){ videoSecond = second; //console.log(videoSecond); } } } document.getElementById("venusHtmlPlayer").style.display = "none"; var req = new XMLHttpRequest(); var reqkubun = ""; function asyncSend(progressMinutes){ reqkubun = ""; } //asyncSend(0); var getDevice = (function(){ var ua = navigator.userAgent; if(ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0){ return 'sp'; }else if(ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0){ return 'pad'; }else{ return 'other'; } })(); function timeget(){ var date = new Date() ; var nowTime = date.getTime() / 1000; console.log("nowTime:" + nowTime); var keikaTime = nowTime - browserStartTime; //ブラウザを開いた時から、現在までの経過秒数 console.log("keikaTime:" + keikaTime); console.log("progressTime1:" + progressTime); var setProgressTime = Math.floor(keikaTime + startProgressTime); console.log("progressTime2:" + setProgressTime); progressTime = setProgressTime; // reqkubun = "timeget"; // req.onreadystatechange = function() { // if (req.readyState == 4) { // 通信の完了時 // if (req.status == 200) { // 通信の成功時 // } // }else{ // } // } // req.open('POST', 'http://mauloa.co.jp/venus/Venus/servertime/5/', true); // req.setRequestHeader('content-type', // 'application/x-www-form-urlencoded;charset=UTF-8'); // req.send(); } req.onload = function (){ if(reqkubun == "timeget"){ str = req.responseText; if (str.match(/progressTime/)) { req_progresstime = str.replace(/progressTime/g , ""); if(isNaN(req_progresstime) == false){ progressTime = parseInt(req_progresstime); } } } }