';\n\n // Adjust layout per width of video - container\n obj.movieWidth = obj.movie.width;\n if (obj.movieWidth < 360) {\n obj.movieWidth = 360;\n }\n // obj.container.setAttribute(\"style\", \"width:\" + obj.movieWidth + \"px\");\n\n // Adjust layout per width of video - controls/mute offset\n obj.labelMute = document.getElementById(\"labelMute\" + obj.randomNum);\n obj.labelMuteOffset = obj.movieWidth - 390;\n if (obj.browserName===\"Firefox\") { // adjust for Firefox rendering\n obj.labelMuteOffset = obj.labelMuteOffset - 10;\n }\n if (obj.labelMuteOffset < 0) {\n obj.labelMuteOffset = 0;\n }\n obj.labelMute.setAttribute(\"style\", \"margin-left:\" + obj.labelMuteOffset + \"px\");\n\n // Get URL of caption file if exists\n var captionSrc = \"\",\n kind,\n children = obj.movie.childNodes;\n\n for (var i = 0; i < children.length; i++) {\n if (children[i].nodeName.toLowerCase() === 'track') {\n kind = children[i].getAttribute('kind');\n if (kind === 'captions') {\n captionSrc = children[i].getAttribute('src');\n }\n }\n }\n\n // Record if caption file exists or not\n obj.captionExists = true;\n if (captionSrc === \"\") {\n obj.captionExists = false;\n if (options.debug) {\n console.log(\"No caption track found.\");\n }\n }\n else {\n if (options.debug) {\n console.log(\"Caption track found; URI: \" + captionSrc);\n }\n }\n\n // Set captions on/off - on by default\n if (typeof(options.captionsOnDefault) === 'undefined') {\n options.captionsOnDefault = true;\n }\n obj.isCaptionDefault = options.captionsOnDefault;\n\n // Number of seconds for rewind and forward buttons\n if (typeof(options.seekInterval) === 'undefined') {\n options.seekInterval = 10;\n }\n obj.seekInterval = options.seekInterval;\n\n // Get the elements for the controls\n obj.btnPlay = obj.container.getElementsByClassName('px-video-play')[0];\n obj.btnPause = obj.container.getElementsByClassName('px-video-pause')[0];\n obj.btnRestart = obj.container.getElementsByClassName('px-video-restart')[0];\n obj.btnRewind = obj.container.getElementsByClassName('px-video-rewind')[0];\n obj.btnForward = obj.container.getElementsByClassName('px-video-forward')[0];\n obj.btnVolume = obj.container.getElementsByClassName('px-video-volume')[0];\n obj.btnMute = obj.container.getElementsByClassName('px-video-mute')[0];\n obj.progressBar = obj.container.getElementsByClassName('px-video-progress')[0];\n obj.progressBarSpan = obj.progressBar.getElementsByTagName('span')[0];\n obj.captionsContainer = obj.container.getElementsByClassName('px-video-captions')[0];\n obj.captionsBtn = obj.container.getElementsByClassName('px-video-btnCaptions')[0];\n obj.captionsBtnContainer = obj.container.getElementsByClassName('px-video-captions-btn-container')[0];\n obj.duration = obj.container.getElementsByClassName('px-video-duration')[0];\n obj.txtSeconds = obj.container.getElementsByClassName('px-seconds');\n obj.fullScreenBtn = obj.container.getElementsByClassName('px-video-btnFullScreen')[0];\n obj.fullScreenBtnContainer = obj.container.getElementsByClassName('px-video-fullscreen-btn-container')[0];\n\n // Update number of seconds in rewind and fast forward buttons\n obj.txtSeconds[0].innerHTML = obj.seekInterval;\n obj.txtSeconds[1].innerHTML = obj.seekInterval;\n\n // Determine if HTML5 textTracks is supported (for captions)\n obj.isTextTracks = false;\n if (obj.movie.textTracks) {\n obj.isTextTracks = true;\n }\n\n // Play\n obj.btnPlay.addEventListener('click', function(e) {\n obj.movie.play();\n obj.btnPlay.className = \"px-video-play hide\";\n obj.btnPause.className = \"px-video-pause px-video-show-inline\";\n obj.btnPause.focus();\n e.preventDefault();\n return false;\n }, false);\n\n // Pause\n obj.btnPause.addEventListener('click', function(e) {\n obj.movie.pause();\n obj.btnPlay.className = \"px-video-play px-video-show-inline\";\n obj.btnPause.className = \"px-video-pause hide\";\n obj.btnPlay.focus();\n e.preventDefault();\n return false;\n }, false);\n\n // Restart\n obj.btnRestart.addEventListener('click', function(e) {\n // Move to beginning\n obj.movie.currentTime = 0;\n\n // Special handling for \"manual\" captions\n if (!obj.isTextTracks) {\n obj.subcount = 0;\n }\n\n // Play and ensure the play button is in correct state\n obj.movie.play();\n obj.btnPlay.className = \"px-video-play hide\";\n obj.btnPause.className = \"px-video-pause px-video-show-inline\";\n e.preventDefault();\n return false;\n }, false);\n\n // Rewind\n obj.btnRewind.addEventListener('click', function(e) {\n var targetTime = obj.movie.currentTime - obj.seekInterval;\n if (targetTime < 0) {\n obj.movie.currentTime = 0;\n }\n else {\n obj.movie.currentTime = targetTime;\n }\n // Special handling for \"manual\" captions\n if (!obj.isTextTracks) {\n adjustManualCaptions(obj);\n }\n e.preventDefault();\n return false;\n }, false);\n\n // Fast forward\n obj.btnForward.addEventListener('click', function(e) {\n var targetTime = obj.movie.currentTime + obj.seekInterval;\n if (targetTime > obj.movie.duration) {\n obj.movie.currentTime = obj.movie.duration;\n }\n else {\n obj.movie.currentTime = targetTime;\n }\n // Special handling for \"manual\" captions\n if (!obj.isTextTracks) {\n adjustManualCaptions(obj);\n }\n e.preventDefault();\n return false;\n }, false);\n\n // Get the HTML5 range input element and append audio volume adjustment on change\n obj.btnVolume.addEventListener('change', function(e) {\n obj.movie.volume = parseFloat(this.value / 10);\n e.preventDefault();\n return false;\n }, false);\n\n // Mute\n obj.btnMute.addEventListener('click', function(e) {\n if (obj.movie.muted === true) {\n obj.movie.muted = false;\n }\n else {\n obj.movie.muted = true;\n }\n e.preventDefault();\n return false;\n }, false);\n \n obj.btnMute.onkeypress = function(e) {\n if(e.keyCode == 13){ // enter key\n e.preventDefault();\n if (this.checked == true) {\n this.checked = false;\n }\n else {\n this.checked = true;\n }\n if (obj.movie.muted === true) {\n obj.movie.muted = false;\n }\n else {\n obj.movie.muted = true;\n }\n }\n }\n\n // Duration\n obj.movie.addEventListener(\"timeupdate\", function() {\n obj.secs = parseInt(obj.movie.currentTime % 60);\n obj.mins = parseInt((obj.movie.currentTime / 60) % 60);\n\n // Ensure it's two digits. For example, 03 rather than 3.\n obj.secs = (\"0\" + obj.secs).slice(-2);\n obj.mins = (\"0\" + obj.mins).slice(-2);\n\n // Render\n obj.duration.innerHTML = obj.mins + ':' + obj.secs;\n }, false);\n\n // Progress bar\n obj.movie.addEventListener('timeupdate', function() {\n obj.percent = (100 / obj.movie.duration) * obj.movie.currentTime;\n if (obj.percent > 0) {\n obj.progressBar.value = obj.percent;\n obj.progressBarSpan.innerHTML = obj.percent;\n }\n }, false);\n\n // Skip when clicking progress bar\n obj.progressBar.addEventListener('click', function(e) {\n obj.pos = (e.pageX - this.offsetLeft) / this.offsetWidth;\n obj.movie.currentTime = obj.pos * obj.movie.duration;\n\n // Special handling for \"manual\" captions\n if (!obj.isTextTracks) {\n adjustManualCaptions(obj);\n }\n e.preventDefault();\n return false;\n });\n\n // Toggle display of fullscreen button\n obj.fullScreenBtn.addEventListener('click', function(e) { \n if (this.checked) {\n launchFullScreen(obj.container);\n } else {\n exitFullScreen();\n }\n e.preventDefault();\n return false;\n }, false);\n obj.fullScreenBtn.onkeypress = function(e) {\n if (e.keyCode == 13){ // enter key\n e.preventDefault();\n if (this.checked == true) {\n this.checked = false;\n exitFullScreen();\n }\n else {\n this.checked = true;\n launchFullScreen(obj.container);\n }\n }\n }\n\n // Clear captions at end of video\n obj.movie.addEventListener('ended', function() {\n obj.captionsContainer.innerHTML = \"\";\n });\n\n // ***\n // Captions\n // ***\n\n // Toggle display of captions via captions button\n obj.captionsBtn.addEventListener('click', function(e) { \n if (this.checked) {\n obj.captionsContainer.className = \"px-video-captions show\";\n } else {\n obj.captionsContainer.className = \"px-video-captions hidden\";\n }\n // if fullscreen add fullscreen class\n if (document.fullscreen || document.mozFullScreen || document.webkitIsFullScreen || document.msFullscreenElement) {\n var currClass = obj.captionsContainer.className;\n obj.captionsContainer.className = currClass + ' js-fullscreen-captions';\n }\n\n e.preventDefault();\n return false;\n }, false);\n obj.captionsBtn.onkeypress = function(e) {\n if (e.keyCode == 13){ // enter key\n e.preventDefault();\n if (this.checked == true) {\n this.checked = false;\n }\n else {\n this.checked = true;\n }\n if (this.checked) {\n obj.captionsContainer.className = \"px-video-captions show\";\n } else {\n obj.captionsContainer.className = \"px-video-captions hidden\";\n }\n }\n }\n\n // If no caption file exists, hide container for caption text\n if (!obj.captionExists) {\n obj.captionsContainer.className = \"px-video-captions hidden\";\n }\n\n // If caption file exists, process captions\n else {\n\n // Can't use native captioning in the follow browsers:\n if ((obj.browserName===\"IE\" && obj.browserMajorVersion===10) || \n (obj.browserName===\"IE\" && obj.browserMajorVersion===11) || \n (obj.browserName===\"Firefox\" && obj.browserMajorVersion>=31) || \n (obj.browserName===\"Chrome\" && obj.browserMajorVersion===43) || \n (obj.browserName===\"Safari\" && obj.browserMajorVersion>=7)) {\n if (options.debug) {\n console.log(\"Detected browser unable to play HTML5 captions; using custom captions\");\n }\n // set to false so skips to 'manual' captioning\n obj.isTextTracks = false;\n\n // turn off native caption rendering to avoid double captions [doesn't work in Safari 7; see patch below]\n var track = {};\n var tracks = obj.movie.textTracks;\n for (var j=0; j < tracks.length; j++) {\n track = obj.movie.textTracks[j];\n track.mode = \"hidden\";\n }\n }\n\n // Rendering caption tracks - native support required - http://caniuse.com/webvtt\n if (obj.isTextTracks) {\n if (options.debug) {\n console.log(\"textTracks supported\");\n }\n showCaptionContainerAndButton(obj);\n\n var track = {};\n var tracks = obj.movie.textTracks;\n for (var j=0; j < tracks.length; j++) {\n track = obj.movie.textTracks[j];\n track.mode = \"hidden\";\n if (track.kind === \"captions\") {\n track.addEventListener(\"cuechange\",function() {\n if (this.activeCues[0]) {\n if (this.activeCues[0].hasOwnProperty(\"text\") || this.activeCues[0].text !== \"\") {\n obj.captionsContainer.innerHTML = this.activeCues[0].text;\n }\n }\n },false);\n }\n }\n }\n // Caption tracks not natively supported\n else {\n if (options.debug) {\n console.log(\"textTracks not supported so rendering captions 'manually'\");\n }\n showCaptionContainerAndButton(obj);\n\n // Render captions from array at appropriate time\n obj.currentCaption = '';\n obj.subcount = 0;\n obj.captions = [];\n\n obj.movie.addEventListener('timeupdate', function() {\n // Check if the next caption is in the current time range\n if (obj.movie.currentTime.toFixed(1) > video_timecode_min(obj.captions[obj.subcount][0]) &&\n obj.movie.currentTime.toFixed(1) < video_timecode_max(obj.captions[obj.subcount][0])) {\n obj.currentCaption = obj.captions[obj.subcount][1];\n }\n // Is there a next timecode?\n if (obj.movie.currentTime.toFixed(1) > video_timecode_max(obj.captions[obj.subcount][0]) &&\n obj.subcount < (obj.captions.length-1)) {\n obj.subcount++;\n }\n // Render the caption\n obj.captionsContainer.innerHTML = obj.currentCaption;\n }, false);\n\n if (captionSrc != \"\") {\n // Create XMLHttpRequest object\n var xhr;\n if (window.XMLHttpRequest) {\n xhr = new XMLHttpRequest();\n } else if (window.ActiveXObject) { // IE8\n xhr = new ActiveXObject(\"Microsoft.XMLHTTP\");\n }\n xhr.onreadystatechange = function() {\n if (xhr.readyState === 4) {\n if (xhr.status === 200) {\n if (options.debug) {\n console.log(\"xhr = 200\");\n }\n\n obj.captions = [];\n var records = [],\n record,\n req = xhr.responseText;\n records = req.split('\\n\\n');\n for (var r=0; r < records.length; r++) {\n record = records[r];\n obj.captions[r] = [];\n obj.captions[r] = record.split('\\n');\n }\n // Remove first element (\"VTT\")\n obj.captions.shift();\n\n if (options.debug) {\n console.log('Successfully loaded the caption file via ajax.');\n }\n } else {\n if (options.debug) {\n console.log('There was a problem loading the caption file via ajax.');\n }\n }\n }\n }\n xhr.open(\"get\", captionSrc, true);\n xhr.send();\n }\n }\n\n // If Safari 7, removing track from DOM [see 'turn off native caption rendering' above]\n if (obj.browserName === \"Safari\" && obj.browserMajorVersion === 7) {\n console.log(\"Safari 7 detected; removing track from DOM\");\n var tracks = obj.movie.getElementsByTagName(\"track\");\n obj.movie.removeChild(tracks[0]);\n }\n\n }\n\n document.addEventListener(\"fullscreenchange\", function () {\n fullScreenStyles();\n }, false);\n \n document.addEventListener(\"mozfullscreenchange\", function () {\n fullScreenStyles();\n }, false);\n \n document.addEventListener(\"webkitfullscreenchange\", function () {\n fullScreenStyles();\n }, false);\n \n document.addEventListener(\"msfullscreenchange\", function () {\n fullScreenStyles();\n }, false);\n\n};\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {InitPxVideo} from \"./px-video.js\";\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n const element = document.getElementById('player');\n const dataTitleValue = element.getAttribute('data-title');\n\n InitPxVideo({\n \"videoId\": 'player',\n \"captionsOnDefault\": false,\n \"seekInterval\": 20,\n \"videoTitle\": dataTitleValue,\n \"isAudio\": 'false',\n \"debug\": true\n });\n});\n "],"names":["InitPxVideo","options","video_timecode_min","tc","tcpair","split","videosub_tcsecs","video_timecode_max","undefined","tc1","tc2","seconds","Math","floor","adjustManualCaptions","obj","subcount","captions","movie","currentTime","toFixed","length","showCaptionContainerAndButton","captionsBtnContainer","className","captionsContainer","parentNode","isCaptionDefault","captionsBtn","setAttribute","browserSniff","nVer","navigator","appVersion","nAgt","userAgent","browserName","appName","fullVersion","parseFloat","majorVersion","parseInt","nameOffset","verOffset","ix","indexOf","substring","lastIndexOf","toLowerCase","toUpperCase","isNaN","launchFullScreen","elem","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","msFullscreenElement","requestFullScreen","requestFullscreen","msRequestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","call","fullScreenStyles","document","mozFullScreen","webkitIsFullScreen","fullScreenBtn","checked","container","controls","movieWidth","movieHeight","exitFullScreen","exitFullscreen","msExitFullscreen","mozCancelFullScreen","webkitExitFullscreen","arBrowserInfo","browserMajorVersion","debug","console","log","videoTitle","playAriaLabel","getElementById","videoId","getElementsByTagName","getElementsByClassName","removeAttribute","randomNum","random","innerHTML","width","labelMute","labelMuteOffset","captionSrc","kind","children","childNodes","i","nodeName","getAttribute","captionExists","captionsOnDefault","seekInterval","btnPlay","btnPause","btnRestart","btnRewind","btnForward","btnVolume","btnMute","progressBar","progressBarSpan","duration","txtSeconds","fullScreenBtnContainer","isTextTracks","textTracks","addEventListener","e","play","focus","preventDefault","pause","targetTime","volume","value","muted","onkeypress","keyCode","secs","mins","slice","percent","pos","pageX","offsetLeft","offsetWidth","fullscreen","currClass","track","tracks","j","mode","activeCues","hasOwnProperty","text","currentCaption","xhr","window","XMLHttpRequest","ActiveXObject","onreadystatechange","readyState","status","records","record","req","responseText","r","shift","open","send","removeChild","element","dataTitleValue"],"sourceRoot":""}