(function(){ var licenseJsId = "ulizahtml5-license-JS"; removeLicenseJs(); /* プレイヤーと親scriptを一対一で紐付けるため、 このタイミングでPlayerTagと同様のidを親scriptに振ります。*/ var curScripts = document.getElementsByTagName('script'); var firstScript; for (var i = 0; i < curScripts.length; i++) { var src = curScripts[i].src; if (src && src.match(/uliza\.jp\/IF\/RequestVideoTag\.aspx?/) && src.split('?')[1] == "clientid=2353&episodeid=5J532FGKTC&playertype=HTML5Player&playbackrates=0.5,1.0,1.5,2.0&u_option_adshowflag=0&html5flag=2&skintype=skin1&u_option_playersizeauto=1&u_option_autoplay=0&u_option_previousimage=0&fullscreen_ios=window&usespt=1&ga_optout=0") { firstScript = curScripts[i]; } } if(!firstScript) { curScripts[curScripts.length - 1].id = 'UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'; } else { firstScript.id = 'UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'; } if(true) { var uuidScriptIdName = 'ForVast_JS'; if (!document.getElementById(uuidScriptIdName)) { uuidScript = document.createElement('script'); uuidScript.type = 'text/javascript'; uuidScript.src = 'https://aka-secure-img.uliza.jp/Player/js/ForVast.v1.2.js'; uuidScript.charset = 'UTF-8'; uuidScript.tag = '%Tag%'; uuidScript.id = uuidScriptIdName; uuidScript.language = getLanguage(); uuidScript.loadflag = false; var firstScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); addElemenetLoadListener(uuidScript, function() {uuidScript.loadflag = true;}); firstScript.parentNode.insertBefore(uuidScript,firstScript); mainMethod(); } else { uuidScript = document.getElementById(uuidScriptIdName); if (uuidScript.loadflag) { mainMethod(); } else { addElemenetLoadListener(uuidScript, function () { uuidScript.loadflag = true; mainMethod(); }); } } } else { mainMethod(); } function mainMethod() { var lang = getLanguage(); var uuidScript = ''; var strUuid = ''; var linkcssArray = []; var linkcss = document.createElement('link'); linkcss.rel = "stylesheet"; linkcss.href = "https://aka-secure-img.uliza.jp/Player/css/ulizahtml5.min.v1.15.4.css"; linkcss.id = "ulizahtml5_CSS"; linkcssArray.push(linkcss); var scriptId = "ulizahtml5_JS"; var script = document.getElementById(scriptId); if (!script) { script = document.createElement("script"); script.type = "text/javascript"; script.charset = "UTF-8"; script.language = lang; script.src = "https://aka-secure-img.uliza.jp/Player/js/ulizahtml5.min.v1.15.4.js"; script.id = scriptId; script.loadflag = false; } var readScript = []; // v1.13.0未満のみ利用 if (!checkRequireVer("1.15.4", "1.13.0")){ if(true){ var exscript4 = document.createElement("script"); exscript4.type = "text/javascript"; exscript4.charset = "UTF-8"; exscript4.language = lang; exscript4.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-advertising.min.v1.15.4.js"; readScript.push(exscript4); } if(true){ var exscript2 = document.createElement("script"); exscript2.type = "text/javascript"; exscript2.charset = "UTF-8"; exscript2.language = lang; exscript2.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-hls.min.v1.15.4.js"; readScript.push(exscript2); } if(true){ var exscript8 = document.createElement("script"); exscript8.type = "text/javascript"; exscript8.charset = "UTF-8"; exscript8.language = lang; exscript8.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-google-analytics.min.v1.15.4.js"; readScript.push(exscript8); } } if(true){ var exscript1 = document.createElement("script"); exscript1.type = "text/javascript"; exscript1.charset = "UTF-8"; exscript1.language = lang; exscript1.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-dash1.min.v1.15.4.js"; readScript.push(exscript1); } if(true){ var exscript5 = document.createElement("script"); exscript5.type = "text/javascript"; exscript5.charset = "UTF-8"; exscript5.language = lang; exscript5.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-flashls.min.v1.15.4.js"; readScript.push(exscript5); } // panorama対応 if (false) { var linkcssPanorama = document.createElement('link'); linkcssPanorama.rel = "stylesheet"; linkcssPanorama.href = "https://aka-secure-img.uliza.jp/Player/css/ulizahtml5-panorama.min.v1.15.4.css"; linkcssPanorama.id = "ulizahtml5_panorama_CSS"; linkcssArray.push(linkcssPanorama); var exscript6 = document.createElement("script"); exscript6.type = "text/javascript"; exscript6.charset = "UTF-8"; exscript6.language = lang; exscript6.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-panorama.min.v1.15.4.js"; readScript.push(exscript6); } // AirPlay・GoogleCast対応 if(true){ var exscript7 = document.createElement("script"); exscript7.type = "text/javascript"; exscript7.charset = "UTF-8"; exscript7.language = lang; exscript7.src="https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-cast.min.v1.15.4.js"; readScript.push(exscript7); } // skin対応 if(true){ var linkcssSkin = document.createElement('link'); linkcssSkin.rel = "stylesheet"; linkcssSkin.href = "https://aka-secure-img.uliza.jp/Player/css/ulizahtml5-skin1.min.v1.15.4.css"; linkcssSkin.id = "ulizahtml5_skin1_CSS"; linkcssArray.push(linkcssSkin); } if(false){ var exscript9 = document.createElement("script"); exscript9.type = "text/javascript"; exscript9.charset = "UTF-8"; exscript9.language = lang; exscript9.src="https://aka-secure-img.uliza.jp/Player/js/uliza-addon.min.v1.15.4.js"; readScript.push(exscript9); var linkcssAddon = document.createElement('link'); linkcssAddon.rel = "stylesheet"; linkcssAddon.href = "https://aka-secure-img.uliza.jp/Player/css/uliza-addon.min.v1.15.4.css"; linkcssAddon.id = "ulizahtml5_addon_CSS"; linkcssArray.push(linkcssAddon); var exscriptPreset = document.createElement("script"); exscriptPreset.type = "text/javascript"; exscriptPreset.charset = "UTF-8"; exscriptPreset.language = lang; exscriptPreset.src="https://aka-secure-img.uliza.jp/Player/.v1.15.4.js"; readScript.push(exscriptPreset); var linkcssPreset = document.createElement('link'); linkcssPreset.rel = "stylesheet"; linkcssPreset.href = "https://aka-secure-img.uliza.jp/Player/.v1.15.4.css"; linkcssPreset.id = "ulizahtml5_preset_CSS"; linkcssArray.push(linkcssPreset); } // Playlist if(true){ var linkcssPlaylist = document.createElement('link'); linkcssPlaylist.rel = "stylesheet"; linkcssPlaylist.href = "https://aka-secure-img.uliza.jp/Player/css/ulizaplaylist.v1.15.4.css"; linkcssPlaylist.id = "ulizahtml5_playlist_CSS"; linkcssArray.push(linkcssPlaylist); var linkcssPlaylistSkin1 = document.createElement('link'); linkcssPlaylistSkin1.rel = "stylesheet"; linkcssPlaylistSkin1.href = "https://aka-secure-img.uliza.jp/Player/css/ulizaplaylist-skin1.v1.15.4.css"; linkcssPlaylistSkin1.id = "ulizahtml5_playlist-skin1_CSS"; linkcssArray.push(linkcssPlaylistSkin1); var exscript11 = document.createElement("script"); exscript11.type = "text/javascript"; exscript11.charset = "UTF-8"; exscript11.language = lang; exscript11.src= "https://aka-secure-img.uliza.jp/Player/js/ulizaplaylist.min.v1.15.4.js"; readScript.push(exscript11); } if (checkRequireVer("1.15.4", "1.15.1")){ // presentation if (true) { var linkcssPresentation = document.createElement('link'); linkcssPresentation.rel = "stylesheet"; linkcssPresentation.href = "https://aka-secure-img.uliza.jp/Player/css/uliza-presentation.v1.15.4.css"; linkcssPresentation.id = "ulizahtml5_presentation_CSS"; linkcssArray.push(linkcssPresentation); var exscript12 = document.createElement("script"); exscript12.type = "text/javascript"; exscript12.charset = "UTF-8"; exscript12.language = lang; exscript12.src="https://aka-secure-img.uliza.jp/Player/js/uliza-presentation.min.v1.15.4.js"; readScript.push(exscript12); } // chapter if(true){ var linkcssChapter = document.createElement('link'); linkcssChapter.rel = "stylesheet"; linkcssChapter.href = "https://aka-secure-img.uliza.jp/Player/css/ulizahtml5-chapter.v1.15.4.css"; linkcssChapter.id = "ulizahtml5_chapter_CSS"; linkcssArray.push(linkcssChapter); } } if (checkRequireVer("1.15.4", "1.15.4")){ // skin2 if(true){ var linkcssSkin2 = document.createElement('link'); linkcssSkin2.rel = "stylesheet"; linkcssSkin2.href = "https://aka-secure-img.uliza.jp/Player/css/ulizahtml5-skin2.min.v1.15.4.css"; linkcssSkin2.id = "ulizahtml5_skin2_CSS"; linkcssArray.push(linkcssSkin2); } } var playBeaconSent = {}; var firstScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); // CSSを複数読み込まないようにする for (var i = 0; i < linkcssArray.length; i++) { if(!document.getElementById(linkcssArray[i].id)) { firstScript.parentNode.insertBefore(linkcssArray[i],firstScript); } } firstScript.parentNode.insertBefore(script,firstScript); var playerTag = document.createElement(false ? "audio" : "video"); playerTag.id = "UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"; playerTag.classList.add("ulizahtml5"); playerTag.style.width = '0px'; playerTag.style.height = '0px'; if (false){ var mediaTag = document.createElement("div"); mediaTag.id = "ulizaMediaContainer-a8512942-88ba-49e6-8417-f94377cfda6b"; } if((false || true) && !false) { playerTag.preload = "none"; } if(false){ playerTag.preload = "auto"; } playerTag.streamType = "vod"; // 自動再生(SP) if (false) { playerTag.setAttribute("playsinline",""); } // panorama対応 if (false) { playerTag.setAttribute("crossorigin","anonymous"); } var targetId = ""; var targetElem = document.getElementById(targetId); if (!false){ var autosizeContainerTag; // プレイヤーサイズ自動調整で親要素にstyle.heightが設定されている場合はプレイヤーの上にdivタグを追加する if (true){ var movdiv = targetElem ? targetElem.parentElement : document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b').parentElement; var isStyleHeightSet = movdiv.style.height == "" ? false : true; if (isStyleHeightSet) { autosizeContainerTag = document.createElement("div"); autosizeContainerTag.id = "ulizaAudoSizeContainer-a8512942-88ba-49e6-8417-f94377cfda6b"; autosizeContainerTag.style.height = movdiv.style.height; } } if (autosizeContainerTag){ if (targetElem) { /* 指定されたIDの要素の子要素として追加する*/ targetElem.appendChild(autosizeContainerTag); } else { /* 従来の document.write に近い動きで、最後に評価された script 要素の直前に要素を追加する 冒頭で振ったIDを利用して親scriptを取得し、playerTagを紐付ける*/ var parentScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); parentScript.parentNode.insertBefore(autosizeContainerTag, parentScript); } autosizeContainerTag.appendChild(playerTag); } else { if (targetElem) { /* 指定されたIDの要素の子要素として追加する*/ targetElem.appendChild(playerTag); } else { /* 従来の document.write に近い動きで、最後に評価された script 要素の直前に要素を追加する 冒頭で振ったIDを利用して親scriptを取得し、playerTagを紐付ける*/ var parentScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); parentScript.parentNode.insertBefore(playerTag, parentScript); } } }else{ // プレイリストの場合はプレイヤーの親要素のdivタグを追加する var playerContainerTag = document.createElement("div"); playerContainerTag.id = "ulizaPlayerContainer-a8512942-88ba-49e6-8417-f94377cfda6b"; var mediaContainerTag = document.createElement("div"); mediaContainerTag.id = "ulizaMediaContainer-a8512942-88ba-49e6-8417-f94377cfda6b"; if (targetElem) { /* 指定されたIDの要素の子要素として追加する*/ targetElem.appendChild(playerContainerTag); } else { /* 従来の document.write に近い動きで、最後に評価された script 要素の直前に要素を追加する 冒頭で振ったIDを利用して親scriptを取得し、playerTagを紐付ける*/ var parentScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); parentScript.parentNode.insertBefore(playerContainerTag, parentScript); } playerContainerTag.appendChild(mediaContainerTag); mediaContainerTag.appendChild(playerTag); if (!true&&!isIE()){ mediaContainerTag.style.width = '640px'; if (!false){ mediaContainerTag.style.height = '360px'; } } } // 最初に読み込まれるjsファイルをscriptの下に挿入 if (script.loadflag) { if(readScript.length != 0) { addLoadScriptListener(readScript, readScript.length - 1, script, playerTag); script.parentNode.insertBefore(readScript[readScript.length - 1], script); }else { if(!true) { setHTML5Player(playerTag); } else if (uuidScript.loadflag) { strUuid = getUuid(); setHTML5Player(playerTag); }else{ addElemenetLoadListener(uuidScript, function (e) { uuidScript.loadflag = true; strUuid = getUuid(); setHTML5Player(playerTag); }); } } } addElemenetLoadListener(script, function (e) { script.loadflag = true; if(readScript.length != 0) { addLoadScriptListener(readScript, readScript.length - 1, script, playerTag); script.parentNode.insertBefore(readScript[readScript.length - 1], script); }else { if(!true) { setHTML5Player(playerTag); } else if (uuidScript.loadflag) { strUuid = getUuid(); setHTML5Player(playerTag); }else{ addElemenetLoadListener(uuidScript, function (e) { uuidScript.loadflag = true; strUuid = getUuid(); setHTML5Player(playerTag); }); } } }); } // jsファイルを順番に読み込むメソッド function addLoadScriptListener(exScriptList, x, targetScript, playerTag) { if (x == 0) { addElemenetLoadListener(exScriptList[x], function (e) { setUuidScript(targetScript,playerTag); }); } else { addElemenetLoadListener(exScriptList[x], function (e) { targetScript.parentNode.insertBefore(exScriptList[x - 1], targetScript); }); addLoadScriptListener(exScriptList, x - 1, targetScript,playerTag); } } function setUuidScript(targetScript,playerTag) { if(!true) { setHTML5Player(playerTag); } else if (uuidScript.loadflag) { strUuid = getUuid(); setHTML5Player(playerTag); }else{ addElemenetLoadListener(uuidScript, function (e) { uuidScript.loadflag = true; strUuid = getUuid(); setHTML5Player(playerTag); }); } } //リサイズ function UlizaPlayerResized(setIntervalPool, playerTag) { // プレイリストの右レイアウトのときは、playertagではなく、mediaContainerTagの縦サイズを自動調整する if (false&&"bottom"=="right"){ var aspectWidth = 16; var aspectHeight = 9; var playerContainerTag = document.getElementById("ulizaPlayerContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); var mediaContainerTag = document.getElementById("ulizaMediaContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); var playlistTag = document.getElementById("UlizaPlayList-a8512942-88ba-49e6-8417-f94377cfda6b"); var partentWidth = playerContainerTag.clientWidth - min; var partentHeigh = Math.round(partentWidth*aspectHeight/aspectWidth); mediaContainerTag.style.width = partentWidth + 'px'; mediaContainerTag.style.height = partentHeigh + 'px'; playlistTag.style.height = partentHeigh + 'px'; return; } if (!false){ var autosizeContainerTag = document.getElementById("ulizaAudoSizeContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); var partentHeigh = AdjustParentHeight2(autosizeContainerTag); var beforeheight = autosizeContainerTag.style.height; autosizeContainerTag.style.height = partentHeigh + 'px'; // スマホの回転など高さを変更時にうまくいかない場合があるので、リサイズイベントを発火する if (beforeheight!=autosizeContainerTag.style.height){ fireResizeEvent(); } } } // プレイヤーがレスポンシブのサイズにならない場合に、リサイズイベントを発火する function fireResizeEvent(){ var event; if(typeof(Event) === 'function') { event = new Event('resize'); }else{ event = document.createEvent('Event'); event.initEvent('resize', true, true); } window.dispatchEvent(event); } // 他のobjectの高さを引いた値を取得する function AdjustParentHeight2(mediaContainerTag){ var movdiv = mediaContainerTag.parentElement; var childsHeightSum = SumChildsHeight(movdiv, mediaContainerTag); var isStyleHeightSet = movdiv.style.height == "" ? false : true; var aspectWidth = 16; var aspectHeight = 9; var parentWidth; var parentHeight; if (!movdiv.clientWidth) { parentWidth = movdiv.offsetWidth; } else { parentWidth = parseInt(movdiv.clientWidth); } if (!movdiv.clientHeight) { parentHeight = movdiv.offsetHeight; } else { parentHeight = parseInt(movdiv.clientHeight); } if (parentHeight != 0) { // parent内にプレイヤー以外にobjectがある場合を想定し、parentHeightから他objectのheightを除きます // ただしwidthから計算したheightの方が小さい場合はそちらを適用します if (isStyleHeightSet && childsHeightSum != 0) { var workHeight; workHeight = Math.round(parentWidth*aspectHeight/aspectWidth); if (workHeight < parentHeight - childsHeightSum){ parentHeight = workHeight; }else{ parentHeight = parentHeight - childsHeightSum; } } } return parentHeight; } // movdiv内の子要素高さを合計し返却します(movobjの高さは除外します) function SumChildsHeight(movdiv, movobj) { var childsHeightSum = 0; var movobjWidth = movobj.clientWidth; var movobjHeight = movobj.clientHeight; var childNodes = movdiv.childNodes; var childs = []; for (var i = 0, l = childNodes.length; i < l; ++i) { childs[i] = childNodes[i]; } if (movobj != null) { var movobjPosition = childs.indexOf(movobj); childs.splice(movobjPosition,1); } for (var i = 0; i < childs.length; i++) { if (isFinite(childs[i].offsetHeight)) { childsHeightSum = childsHeightSum + childs[i].offsetHeight; } } return childsHeightSum; } var min = 0; function setHTML5Player(playerTag){ playerTag.style.width = ''; playerTag.style.height = ''; //ulizahtml5.setUUID("UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"); if (!false){ // プレイヤーサイズ自動調整かつ親要素にstyle.heightの設定がある場合にプレイヤーの上にdivタグが追加されている(autosizeContainerTag // divタグの高さを制御することで、既存のプレイヤーサイズ自動調整の挙動を実現する var autosizeContainerTag = document.getElementById("ulizaAudoSizeContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); if (autosizeContainerTag){ var movdiv = autosizeContainerTag.parentElement; var childsHeightSum = SumChildsHeight(movdiv, autosizeContainerTag); if (childsHeightSum != 0) { // 他のobjectの高さを引いた値を設定する partentHeigh = AdjustParentHeight2(autosizeContainerTag); autosizeContainerTag.style.height = partentHeigh + 'px'; } } var player = ulizahtml5("UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b",{ sources:[{src:"https://www2.uliza.jp/IF/iphone/iPhonePlaylist.m3u8?v=5J532FGKTC_2020-02-2_5394168_2330&p=8213&d=2353&n=7294&cpv=1",type:"application/x-mpegURL"}],streamType:"vod",aspectRatio: '16:9',html5:{hlsjsConfig:{authDomain: ["www2.uliza.jp"]}},playbackRates: { values: [0.5,1.0,1.5,2.0] , method: "list" },googleAnalytics:{enable:true, trackingId:'UA-153416682-1', contentId:'5J532FGKTC#_#5J532FGKTC', categoryId:'2353#_#2295\ my_folder', userOptoutButtonVisible:false},flashls:{ swf:'https://aka-secure-img.uliza.jp/Player/swf/ulizahtml5-flashls.v1.15.4.swf' },seekpreview:{url:"https://aka-spt-img.uliza.jp/2353/5394168/26571066_26923925.jpg"},enableSafariMse:false,fullscreenType:'native',skin:'skin1',hotkey:{enable:false},enablePlayToggleInPlayerArea: true,enablePreloadAttr: true,autoReload: { enable: true },controller: { enable: true, playToggleVisible: true,centerPlayToggleVisible: true },liveMonitoring : { enable:true } }); var playFlag = false; player.on("play", function(){ if(false) { player.showCenterPlayToggle(false); } if(!false) { if(!playFlag) { var img = document.createElement("img"); if (false) { img.src = "https://www2.uliza.jp/IF/iphone/iPhonePlaylist.m3u8?v=5J532FGKTC_2020-02-2_5394168_2330&p=8213&d=2353&n=7294&cpv=1"; }else{ img.src = "https://www2.uliza.jp/IF/iphone/iPhonePlaylist.m3u8?v=5J532FGKTC_2020-02-2_5394168_2330&p=8213&d=2353&n=7294&cpv=1" + "&logging=1"; } img.style.cssText = "display:none"; document.body.appendChild(img); playFlag = true; } } }); // UIプリセットがある場合 if(false){ let presetObj = ('UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b'); } var setIntervalPool = {}; if (autosizeContainerTag) { UlizaPlayerResized(setIntervalPool,playerTag); window.addEventListener("resize", function() {windowOnResizeEventHandler(setIntervalPool,playerTag,player);}, false); window.addEventListener("webkitfullscreenchange", handleFullScreenEvent, false); window.addEventListener("mozfullscreenchange", handleFullScreenEvent, false); window.addEventListener("MSFullscreenChange", handleFullScreenEvent, false); window.addEventListener("fullscreenchange", handleFullScreenEvent, false); } // autoplay=2の場合の処理 if (false) { window.addEventListener("load", function() {PlayOrStop(player);}, false); window.addEventListener("scroll", function() {PlayOrStop(player);}, false); window.addEventListener("resize", function() {PlayOrStop(player);}, false); var element = document.getElementById(player.id()); if (false) { // SPの場合 var spPlayButton = element.getElementsByClassName("vjs-center-play-toggle vjs-control vjs-button"); spPlayButton[0].addEventListener("touchstart",playerClick,false); }else{ // PCの場合 var vjsTech = element.getElementsByClassName("vjs-tech"); var playButton = element.getElementsByClassName("vjs-play-control vjs-control vjs-button"); vjsTech[0].addEventListener("mousedown",playerClick,false); playButton[0].addEventListener("mousedown",playerClick,false); } } if((typeof setULIZAPlayerBeacon) == "function") { setULIZAPlayerBeacon(player); } } addLicenseJs(); // プレイリストあるとき if (false){ var playerContainerTag = document.getElementById("ulizaPlayerContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); playerContainerTag.classList.add("ulizaPlayerContainer"); playerContainerTag.classList.add("bottom"); var mediaContainerTag = document.getElementById("ulizaMediaContainer-a8512942-88ba-49e6-8417-f94377cfda6b"); //var player = ulizahtml5("UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"); var playerTag = document.getElementById("UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"); // playlistのtag追加 var playlistTag = document.createElement("div"); playlistTag.id = "UlizaPlayList-a8512942-88ba-49e6-8417-f94377cfda6b"; playlistTag.classList.add("ulizaPlaylistContainer"); playlistTag.classList.add("column"); playlistTag.classList.add("normal"); var parentScript = document.getElementById('UlizaScript-a8512942-88ba-49e6-8417-f94377cfda6b'); playerContainerTag.appendChild(playlistTag); // プレイリストのレイアウトは4種類 //  下ノーマル: bottom & column & normal //  下シンプル: bottom & row & simple //  右ノーマル: right & column & normal //  右シンプル: right & column & simple var defaultSize = 230; if (true&&min==0){ min = defaultSize; } var playlistCount = 0; // 下&列の高さ:88 右&行の幅:130  var oneSize = "bottom"=="bottom" ? 88 : 130 ; // ( [リスト1個のサイズ] × リスト個数 ) var actualSize = oneSize * playlistCount; if ("bottom"=="bottom"){ min = actualSize < min ? actualSize : min; } // 下シンプルは固定値 if ("bottom"=="bottom"&&"column"=="row"&&"normal"=="simple"){ actualSize = 110; min = 110 ; } // 右シンプルは固定値 if ("bottom"=="right"&&"column"=="column"&&"normal"=="simple"){ actualSize = 150 ; min = 150 ; } // リストの最大サイズを設定 //  下ノーマル if ("bottom"=="bottom"&&"column"=="column"&&"normal"=="normal"){ playlistTag.style.maxHeight = (min==0 ? actualSize : min) + 'px'; } //  右ノーマル if ("bottom"=="right"&&"column"=="column"&&"normal"=="normal"){ // 親要素のサイズにあわせる } if (!true){ if ("bottom"=="bottom"){ // 下 のときは、横幅をプレイヤーに合わせる playlistTag.style.width = '640px'; // 下ノーマル if ("column"=="column"&&"normal"=="normal"){ // サイズ指定がある場合 if (min!=0){ playlistTag.style.height = min + 'px'; }else{ playlistTag.style.height = defaultSize + 'px'; } } // 下シンプル は固定 } if ("bottom"=="right"){ // 右 のときは、高さをプレイヤーに合わせる playlistTag.style.height = '360px'; // 右ノーマル は領域のサイズに合わせて横幅が自動設定される // サイズ指定された場合だけ設定する if (min!=0&&"normal"=="normal"){ playlistTag.style.maxWidth = min + 'px'; playlistTag.style.width = min + 'px'; } // 右シンプル は固定 } if (isiOS()||isMacSafari()){ // iOSで右レイアウトのときに全画面で回転するとmediaContainerTagの幅が0になりレイアウト崩れるのを回避する // macsafariで右ノーマルのときに全画面解除時にプレイヤーの上にプレイリストが重なるのを回避する mediaContainerTag.style.width = 640 + 'px'; if (!false){ mediaContainerTag.style.height = 360 + 'px'; } } }else{ // 下 のときは、プレイリストの高さに固定値を設定する if ("bottom"=="bottom"){ playlistTag.style.height = min + 'px'; } // 右 のときは、プレイリストの幅は固定で残りの領域でプレイヤーを表示する if ("bottom"=="right"){ playlistTag.style.width = min + 'px'; mediaContainerTag.style.float = 'left'; mediaContainerTag.style.width = '0px'; playlistTag.style.height='1px'; playerTag.style.width = '100%'; playerTag.style.height = '100%'; } } // option指定 var option = {parentElementId: 'UlizaPlayList-a8512942-88ba-49e6-8417-f94377cfda6b', mediaElementId: 'UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b', autoNext: true, repeatType: 'none', defaultIndex: 0, cachePlayerOptions: false, alternativeImage: 'https://aka-secure-img.uliza.jp/error_img/error_hd_02.png', intervalOnError: -1, items: [ ] }; // プレイリスト作成 var playlist = new UlizaPlaylist(option); // UIプリセットがある場合 if(false){ var presetObj; var init = false; playlist.addEventListener('play', listener1 = function(event) { if (!init) { presetObj = ('UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b'); var switched = function(event) { presetObj.dispose(); presetObj = undefined; if (playlist.player.options_.uiPreset.enable) { presetObj = ('UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b'); } }; playlist.player.on('switchedcontents', switched); } init = true; }); } var setIntervalPool = {}; // playersize=autoの場合の処理(右レイアウトのみプレイリストの高さを調整する) if (true&&"bottom"=="right") { UlizaPlayerResized(setIntervalPool,playerTag); window.addEventListener("resize", function() {windowOnResizeEventHandler(setIntervalPool,playerTag,playlist.player);}, false); window.addEventListener("webkitfullscreenchange", handleFullScreenEvent, false); window.addEventListener("mozfullscreenchange", handleFullScreenEvent, false); window.addEventListener("MSFullscreenChange", handleFullScreenEvent, false); window.addEventListener("fullscreenchange", handleFullScreenEvent, false); } } } function isMacSafari(){ var ua = window.navigator.userAgent.toLowerCase(); var isSafari = (ua.indexOf('safari') > -1) && (ua.indexOf('chrome') == -1); var isiOS = (ua.indexOf('iphone') > -1) || (ua.indexOf('ipad') > -1) || (ua.indexOf('ipod') > -1); var isMacSafari = (ua.indexOf('mac os') > -1) && !isiOS && isSafari; return isMacSafari; } function isiOS(){ var ua = window.navigator.userAgent.toLowerCase(); var isiOS = (ua.indexOf('iphone') > -1) || (ua.indexOf('ipad') > -1) || (ua.indexOf('ipod') > -1); return isiOS; } function isIE(){ var ua = window.navigator.userAgent.toLowerCase(); var isIE = (ua.indexOf('msie') > -1) || (ua.indexOf('trident') > -1); return isIE; } function getParentWidth(elem) { var parentWidth; if (!elem.clientWidth) { parentWidth = elem.offsetWidth; } else { parentWidth = parseInt(elem.clientWidth); } return parentWidth;   } function getParentHeight(elem) { var parentHeight; if (!elem.clientHeight) { parentHeight = elem.offsetHeight; } else { parentHeight = parseInt(elem.clientHeight); } return parentHeight;   } function addElemenetLoadListener(elem, callback) { /* for IE6,7,8 */ if ('onreadystatechange' in elem) { elem.onreadystatechange = function(e) { if (this.readyState == 'complete' || this.readyState == 'loaded') callback(e); } } else { if (elem.addEventListener) { elem.addEventListener('load', callback, false); } else { elem.attachEvent('onload', callback); } } } function getLanguage() { try { return (navigator.browserLanguage || navigator.language || navigator.userLanguage).substr(0,2) } catch(e) { return undefined; } } function getUuid() { var fp = new Fingerprint(); var uuidOriginal = ulizaMakeMD5.MD5.calc(fp.get()); var uuid = uuidOriginal.substr(0, 18); return uuid; } //フルスクリーンフラグ用 var ResizeFlag = true; var EndFullscreenEvent = true; var ResizeEvent = false; var InFullscreenFlag = false; // windowのリサイズに発火するMethod function windowOnResizeEventHandler(setIntervalPool, playerTag, player) { // Mac Safari & フルスクリーンのときは処理しない if (isMacSafari() && player!=undefined && player.isFullscreen()){ // iPadOSデスクトップモードは除く if (!'ontouchend' in document){ return; } } // フルスクリーンボタン押下時にリサイズメソッドが起動しないようにする if(ResizeFlag) { if(EndFullscreenEvent) { ResizeEvent = true; UlizaPlayerResized(setIntervalPool,playerTag); } else { EndFullscreenEvent = true; } } else { // Fullscreen解除前にリサイズイベント InFullscreenFlag = true; } } // Fullscreenイベントハンドラ function handleFullScreenEvent() { if((document.webkitFullscreenElement && document.webkitFullscreenElement !== null) || (document.mozFullScreenElement && document.mozFullScreenElement !== null) || (document.msFullscreenElement && document.msFullscreenElement !== null) || (document.fullScreenElement && document.fullScreenElement !== null)) { //リサイズ禁止 if(ResizeEvent) { ResizeEvent = false; } ResizeFlag = false; } else { //リサイズ許可 ResizeFlag = true; EndFullscreenEvent = true; if (InFullscreenFlag) { var playerTag = document.getElementById("UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"); UlizaPlayerResized({},playerTag); InFullscreenFlag = false; if (false) { fireResizeEvent(); } } } } // Inview自動再生/Outview自動停止処理 var initialViewFlag = true; function PlayOrStop(player){ var element = document.getElementById(player.id()); if (initialViewFlag) { initialPlay(element,player); initialViewFlag = false; return; } if (player.isFullscreen()){ return; } afterIsAblePlayFlag = isAblePlay(element); if (isAblePlay(element) && !player.ended()) { if (clickPauseElement.indexOf(player.id()) == -1) { if (!beforeIsAblePlayFlag && afterIsAblePlayFlag) { player.play(); } } } else { if (beforeIsAblePlayFlag && !afterIsAblePlayFlag) { player.pause(); } } beforeIsAblePlayFlag = isAblePlay(element); } // 初期表示時判定 var beforeIsAblePlayFlag; var afterIsAblePlayFlag; function initialPlayJadge(player) { var element = document.getElementById(player.id()); // 初期表示時の判定を事前に格納しておく beforeIsAblePlayFlag = isAblePlay(element); } // 初期表示時再生 function initialPlay(element,player) { if (isAblePlay(element,player)) { if (true) { // HLS×IEの場合、初期表示時にplayメソッドが効かないため、再生が開始されるまでplayメソッドを呼び続ける。 var setIntervalPoolInitialPlay = {}; var id = player.id(); var tag = document.getElementById(id); setIntervalPoolInitialPlay = setInterval(function(){ if (tag.className.match("vjs-paused")) { player.play(); }else{ clearInterval(setIntervalPoolInitialPlay); } },100); } else { player.play(); } } } // 再生可能域にInviewしていればTrueを返却。 function isAblePlay(element){ var conditionRatio = 1; var conditionPx = 1; var rect = element.getBoundingClientRect(); var innerHeight = window.innerHeight; var toPlayerTopDistance = rect.top; var playerHeight = rect.bottom - rect.top; var returnFlag = false; if ((toPlayerTopDistance - innerHeight < (-1 * (playerHeight * conditionRatio))) && (toPlayerTopDistance >= (-1 * conditionPx))){ returnFlag = true; } else { returnFlag = false; } return returnFlag; } // プレイヤークリックイベント var clickPauseElement = new Array(); function playerClick(event){ var elementId = "UlizaPlayer-a8512942-88ba-49e6-8417-f94377cfda6b"; var playerTag = document.getElementById(elementId); var ua = window.navigator.userAgent.toLowerCase(); var isChrome = (ua.indexOf('chrome') > -1) && (ua.indexOf('edge') == -1); var isFirefox = (ua.indexOf('firefox') > -1); var isSafari = (ua.indexOf('safari') > -1) && (ua.indexOf('chrome') == -1); var isOpera = (ua.indexOf('opera') > -1); if (isChrome || isFirefox || isSafari || isOpera) { if (playerTag.className.match("vjs-playing")){ if (clickPauseElement.indexOf(elementId) == -1) { clickPauseElement.push(elementId); } }else{ if (clickPauseElement.indexOf(elementId) >= 0) { clickPauseElement.some(function(v,i){ if (v == elementId) { clickPauseElement.splice(i,1); } }) } } }else{ // IE var target = event.target; var type = target.type; if (type == "button") { // 左下再生ボタン押下時 if (playerTag.className.match("vjs-playing")){ if (clickPauseElement.indexOf(elementId) == -1) { clickPauseElement.push(elementId); } }else{ if (clickPauseElement.indexOf(elementId) >= 0) { clickPauseElement.some(function(v,i){ if (v == elementId) { clickPauseElement.splice(i,1); } }) } } }else{ // プレイヤー押下時 if (playerTag.className.match("vjs-paused")){ if (clickPauseElement.indexOf(elementId) == -1) { clickPauseElement.push(elementId); } }else{ if (clickPauseElement.indexOf(elementId) >= 0) { clickPauseElement.some(function(v,i){ if (v == elementId) { clickPauseElement.splice(i,1); } }) } } } } } // ulizahtml5-license追加処理 function addLicenseJs(){ var licenseScript = document.createElement("script"); licenseScript.id = licenseJsId; licenseScript.type = "text/javascript"; licenseScript.charset = "UTF-8"; licenseScript.lang = getLanguage(); licenseScript.src = "https://aka-secure-img.uliza.jp/Player/js/ulizahtml5-license.v1.15.4.js"; if (!document.getElementById(licenseJsId)) { document.body.appendChild(licenseScript); } }   // ulizahtml5-license削除処理   // 複数プレイヤの場合、2個目以降のプレイヤの処理でlicense.jsが評価されてしまうため削除する function removeLicenseJs(){ var licenseScript = document.getElementById(licenseJsId); if (licenseScript) { document.body.removeChild(licenseScript); } } // 要求されるプレイヤーVerを満たしているかどうかを返す function checkRequireVer(targetver, requirever){ var target = targetver.split('.'); var require = requirever.split('.'); if (targetver=="debug"){ return true; } for (var i = 0; i < require.length; i++) { if (require.length -1 != i){ if (parseInt(target[i]) > parseInt(require[i])){ return true; } if (parseInt(target[i]) < parseInt(require[i])){ return false; } }else{ if (parseInt(target[i]) >= parseInt(require[i])){ return true; } } } return false; } })();