SweetStudy (HomeworkMarket.com)

0

literary analysis paper

Video1.html

Home >English homework help >literary analysis paper

<script src="https://z1-static.yuja.com/Libraries/jquery/jquery-1.11.0.min.v453948720.js"></script> <script src="https://z1-static.yuja.com/Dashboard/js/general.js?v=453948720"></script> <script> $(document).ready( function() { RSVP.on('error', function(reason) { console.assert(false, reason); }); } ); </script> <script src="https://z1-static.yuja.com/Dashboard/webpack/videoStatic.js?v=453948720"></script> <script> $(document).ready( function() { } ); </script> <script> var constants = namespace('com.yuja.constants'); $.holdReady( true ); $.get( "/Dashboard/js/Constants.js", function(data) { Object.keys(data).forEach(function(key){ constants[key] = data[key]; }); $.holdReady( false ); } ); </script>    <script src="https://z1-static.yuja.com/Dashboard/webpack/globalstrings.js?v=453948720"></script> <script> $(document).ready(function () { var constants = namespace("com.yuja.constants"); initializeGlobalStrings(constants.USER_PREF_LANG); }); </script> <script src="https://z1-static.yuja.com/Dashboard/webpack/app2.js?v=453948720"></script> <meta name="twitter:card" content="photo"/> <meta name="twitter:site" content="https://dcccd.yuja.com/V/Video"/> <meta name="twitter:title" content="RenaissancePart1_ClosedCaptioned" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://dcccd.yuja.com/P/DataPage/BroadcastsThumb/1875640" /> <meta name="twitter:url" content="https://dcccd.yuja.com/V/Video" /> <meta property="og:type" content="article" /> <meta property="og:title" content="RenaissancePart1_ClosedCaptioned" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://dcccd.yuja.com/P/DataPage/BroadcastsThumb/1875640" /> <link rel="shortcut icon" href="https://z1-static.yuja.com/Dashboard/icons/favicon1.ico?v=453948720" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="" name="description" /> <meta content="" name="author" /> <meta name="MobileOptimized" content="320" /> <link rel="stylesheet" type="text/css" href="https://z1-static.yuja.com/Libraries/Bootstrap/plugins/font-awesome/css/font-awesome.min.css?v=453948720"/> <link rel="stylesheet" type="text/css" href="https://z1-static.yuja.com/Dashboard/style/VideoManagementCommon.css?v=453948720">  <link rel="stylesheet" type="text/css" href="https://z1-static.yuja.com/Dashboard/webpack/css/videoapp.css?v=453948720"/> <link href="https://z1-static.yuja.com/Dashboard/style/mediaAuthentication.css?v=453948720" rel="stylesheet" /> <base href="/V/"> <script src="https://z1-static.yuja.com/Dashboard/js/Video.controller.js?v=453948720"></script>  <script src="https://z1-static.yuja.com/Dashboard/VideoManagement/js/NotesPdfDownload.js?v=453948720"></script> <script src="https://z1-static.yuja.com/Dashboard/VideoManagement/js/WatchVideoExternal.js?v=453948720"></script>   <script> $(document).ready( function() { RSVP.on('error', function(reason) { console.assert(false, reason); }); } ); </script> <script> // Need to have duplicate code for videos, quizzes, and media files because otherwise it's not guaranteed they will be able to retrieve the file with this code window.onload = function(){ var showErrorMessage = false; if(typeof namespace === 'undefined' || namespace === null){ showErrorMessage = true; console.log("This video did not get general.js"); } if(typeof $ === 'undefined' || $ === null){ showErrorMessage = true; console.log("This video did not get jquery"); } if(typeof gotWatchVideoExternalFile === 'undefined' || gotWatchVideoExternalFile === null){ // Just an extra redundant check showErrorMessage = true; console.log("This video did not get WVE"); } if(showErrorMessage){ document.body.innerHTML = "A network error has occurred when loading this video. " + "This is most likely caused by too many videos embedded within a single LMS window. " + "This results in the browser restricting consecutive requests. If this problem persists, please contact [email protected]" + "<br><br>" + "<button onclick=refreshIframe()> Reload Media </button>"; var refreshInterval = [1, 10000]; var randomInt = Math.floor(Math.random() * Math.floor(refreshInterval[1])) + refreshInterval[0]; // Don't want to all refresh at the same time setTimeout(function(){ refreshIframe(); }, randomInt); } } // Wait for WVE.js function refreshIframe(){ document.location.href = document.location.href; } var yujahtml5player = namespace('com.yuja.yujahtml5player'); yujahtml5player.isLtiSession = null; var isLtiSession = null; var trackingUserPID = null; var useTrackingUserPID = null; var trackingClassPID = null; function onSelectCannedResponse(event) { $("#confusionInput").val(event.target.value); $("#confusionInput").trigger('change'); } var title = filterXSS('RenaissancePart1_ClosedCaptioned'); if (title != "") { document.title = $("<div>").html(title).text(); } var videoPollingUseTrackingUserPID; try{ videoPollingUseTrackingUserPID = window.parent && window.parent.com && window.parent.com.yuja.videoPolling && window.parent.com.yuja.videoPolling.useTrackingUserPID; } catch (e){ } if(!useTrackingUserPID && videoPollingUseTrackingUserPID){ useTrackingUserPID = videoPollingUseTrackingUserPID; } useTrackingUserPID = useTrackingUserPID || false; </script> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/Dashboard/style/editVideo.css?v=453948720"> <div id="videoContainerWrapper"> <div class="sk-circle" style="display:none"> <div class="sk-circle1 sk-child"></div> <div class="sk-circle2 sk-child"></div> <div class="sk-circle3 sk-child"></div> <div class="sk-circle4 sk-child"></div> <div class="sk-circle5 sk-child"></div> <div class="sk-circle6 sk-child"></div> <div class="sk-circle7 sk-child"></div> <div class="sk-circle8 sk-child"></div> <div class="sk-circle9 sk-child"></div> <div class="sk-circle10 sk-child"></div> <div class="sk-circle11 sk-child"></div> <div class="sk-circle12 sk-child"></div> </div> <div id="container" ng-app="YuJaIntegrationApp" ng-controller="WidgetVideoCtrl" `class="gpu-accelerate"> <div id="transparentPlayPauseOverlay"> <svg id="playOverlay" style="display: none" height="100%" version="1.1" viewBox="-5 -5 35 35" width="100%"> <g> <path d="M10.708,21c0,0.553-0.448,1-1,1h-3.5c-0.553,0-1-0.447-1-1V3c0-0.552,0.447-1,1-1h3.5c0.552,0,1,0.448,1,1V21z"></path> <path d="M18.791,21c0,0.553-0.447,1-1,1h-3.5c-0.553,0-1-0.447-1-1V3c0-0.552,0.447-1,1-1h3.5c0.553,0,1,0.448,1,1V21z"></path> </g> </svg> <svg id="pauseOverlay" style="display: none" height="100%" version="1.1" viewBox="-7 -5 35 35" width="100%"> <path d="M7.121,2.371l12.526,7.232c1.323,0.763,1.776,2.456,1.013,3.779c-0.243,0.42-0.592,0.769-1.013,1.012L7.121,21.628 c-1.323,0.765-3.015,0.312-3.78-1.012c-0.243-0.421-0.372-0.898-0.371-1.384V4.768C2.969,3.239,4.208,2,5.736,2 C6.222,2,6.7,2.128,7.121,2.371z"></path> </svg> </div> <div id="svgContainer" style="display:none;"> <div id="getlink-icon"> <svg version="1.1" class="svg-setting-icon" id="getlinkButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M13.966,6.947c0.605,0.838,1.589,1.386,2.7,1.386C18.504,8.333,20,6.838,20,5c0-1.838-1.496-3.333-3.334-3.333 S13.333,3.162,13.333,5c0,1.49-0.379,2.943-1.095,4.234C10.43,6.833,7.61,5.417,4.583,5.417c-0.88,0-3.572,0.281-4.417,0.916 c-0.127,0.096-0.189,0.254-0.16,0.41c0.029,0.156,0.144,0.282,0.297,0.325L10.72,10L0.304,12.932 c-0.153,0.044-0.268,0.169-0.297,0.325c-0.029,0.155,0.033,0.313,0.16,0.409c0.844,0.635,3.537,0.917,4.417,0.917 c3.041,0,5.847-1.417,7.655-3.821c0.717,1.292,1.095,2.743,1.095,4.238c0,1.837,1.495,3.333,3.333,3.333S20,16.837,20,15 c0-1.839-1.496-3.333-3.334-3.333c-1.112,0-2.096,0.549-2.701,1.388c-0.224-1.077-0.632-2.107-1.211-3.052 C13.334,9.057,13.742,8.024,13.966,6.947z M16.666,2.5c1.379,0,2.5,1.121,2.5,2.5c0,1.378-1.121,2.5-2.5,2.5 c-1.378,0-2.5-1.122-2.5-2.5C14.166,3.621,15.288,2.5,16.666,2.5z M16.666,12.5c1.379,0,2.5,1.121,2.5,2.5 c0,1.378-1.121,2.5-2.5,2.5c-1.378,0-2.5-1.122-2.5-2.5C14.166,13.621,15.288,12.5,16.666,12.5z"/> </g> </svg> </div> <div id="confusion-icon"> <svg version="1.1" class="svg-setting-icon" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path d="M12,0.875c-6.616,0-12,4.434-12,9.883c0,2.573,1.177,4.985,3.325,6.831l-2.41,4.812c-0.214,0.426,0.236,0.877,0.658,0.677 l6.437-2.995c1.278,0.37,2.619,0.558,3.989,0.558c6.618,0,12-4.433,12-9.881C24,5.308,18.617,0.875,12,0.875z"/> </svg> </div> <div id="download-icon"> <svg version="1.1" class="svg-setting-icon" id="downloadButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M17.918,12.5H2.084C0.934,12.5,0,13.435,0,14.582v3.336C0,19.066,0.934,20,2.084,20h15.834C19.065,20,20,19.066,20,17.918 v-3.336C20,13.435,19.065,12.5,17.918,12.5z M15.418,15c0.229,0,0.414,0.186,0.414,0.418c0,0.23-0.186,0.414-0.414,0.414 c-0.232,0-0.418-0.184-0.418-0.414C15,15.186,15.186,15,15.418,15z M17.082,17.5H2.916c-0.229,0-0.416-0.186-0.416-0.418 c0-0.229,0.187-0.414,0.416-0.414h14.166c0.232,0,0.418,0.186,0.418,0.414C17.5,17.314,17.314,17.5,17.082,17.5z M17.082,15.832 c-0.231,0-0.414-0.184-0.414-0.414c0-0.232,0.183-0.418,0.414-0.418c0.232,0,0.418,0.186,0.418,0.418 C17.5,15.648,17.314,15.832,17.082,15.832z"/> <path d="M4.705,6.128l4.582,4.585c0.164,0.16,0.43,0.16,0.59,0l4.586-4.585c0.16-0.163,0.16-0.427,0-0.589 c-0.164-0.163-0.43-0.163-0.59,0L10,9.41V0.416C10,0.187,9.814,0,9.582,0C9.353,0,9.168,0.187,9.168,0.416V9.41L5.295,5.539 c-0.163-0.163-0.427-0.163-0.59,0C4.543,5.701,4.543,5.965,4.705,6.128z"/> </g> </svg> </div> <div id="thumbnail-icon"> <svg version="1.1" class="svg-setting-icon" id="thumbnailButton" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M5,19c0,0.553-0.447,1-1,1H1c-0.552,0-1-0.447-1-1v-3c0-0.553,0.448-1,1-1h3c0.553,0,1,0.447,1,1V19z"/> <path d="M13,19c0,0.553-0.447,1-1,1H8c-0.552,0-1-0.447-1-1v-3c0-0.553,0.448-1,1-1h4c0.553,0,1,0.447,1,1V19z"/> <path d="M20,19c0,0.553-0.447,1-1,1h-3c-0.553,0-1-0.447-1-1v-3c0-0.553,0.447-1,1-1h3c0.553,0,1,0.447,1,1V19z"/> <path d="M20,12c0,0.553-0.447,1-1,1H1c-0.553,0-1-0.447-1-1V1c0-0.552,0.447-1,1-1h18c0.553,0,1,0.448,1,1V12z"/> </g> </svg> </div> <div id="view-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" id="changeViewButton" class="svg-setting-icon" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g transform="translate(0, -5)"> <rect x="-0.062" y="12.478" width="11.334" height="11.334"></rect> <rect x="12.604" y="12.478" width="11.334" height="11.334"></rect> </g> </svg> </div> <div id="sidebar-icon"> <svg version="1.1" class="svg-setting-icon" id="tocButton" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" style="opacity: 0.7;"> <path d="M16,22c0,1.104-0.896,2-2,2H2c-1.104,0-2-0.896-2-2V2c0-1.104,0.896-2,2-2h12c1.104,0,2,0.896,2,2V22z"/> <path d="M24,22c0,1.104-0.896,2-2,2h-2c-1.104,0-2-0.896-2-2V2c0-1.104,0.896-2,2-2h2c1.104,0,2,0.896,2,2V22z"/> </svg> </div> <div id="subtitle-icon"> <svg version="1.1" class="svg-setting-icon" id="captionsButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <linearGradient id="SVGID_SUB_" gradientUnits="userSpaceOnUse" x1="7.4062" y1="18.432" x2="7.4062" y2="30.145"> <stop class="button-color-primary" offset="0" style="stop-color:#FFFFFF"></stop> <stop class="button-color-secondary" offset="1" style="stop-color:#878787"></stop> </linearGradient> <path d="M22,0H2C0.896,0,0,0.896,0,2v20c0,1.104,0.896,2,2,2h20c1.104,0,2-0.896,2-2V2C24,0.896,23.104,0,22,0z M11.341,15.426 c-0.866,0.801-1.993,1.242-3.173,1.242c-2.575,0-4.668-2.094-4.668-4.669c0-2.573,2.093-4.667,4.668-4.667 c1.179,0,2.305,0.44,3.17,1.24c0.27,0.249,0.284,0.668,0.037,0.937c-0.25,0.269-0.667,0.286-0.938,0.037 c-0.619-0.573-1.425-0.89-2.27-0.89c-1.844,0-3.343,1.501-3.343,3.343c0,1.844,1.5,3.344,3.343,3.344 c0.845,0,1.652-0.316,2.271-0.89c0.268-0.249,0.688-0.232,0.936,0.035C11.625,14.757,11.61,15.178,11.341,15.426z M20.288,15.426 c-0.866,0.801-1.992,1.242-3.172,1.242c-2.576,0-4.668-2.094-4.668-4.669c0-2.573,2.092-4.667,4.668-4.667 c1.18,0,2.306,0.44,3.169,1.24c0.27,0.249,0.286,0.668,0.036,0.937c-0.249,0.269-0.667,0.286-0.937,0.037 c-0.619-0.573-1.425-0.89-2.269-0.89c-1.845,0-3.345,1.501-3.345,3.343c0,1.844,1.5,3.344,3.345,3.344 c0.844,0,1.651-0.316,2.271-0.89c0.269-0.249,0.688-0.232,0.936,0.035C20.571,14.757,20.556,15.178,20.288,15.426z"/> </svg> </div> <div id="fullscreen-icon"> <svg version="1.1" class="svg-setting-icon" id="enterFullscreenButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M6.665,1H1.947C1.424,1,1,1.425,1,1.947v4.737c0,0.523,0.424,0.947,0.947,0.947 c0.524,0,0.947-0.424,0.947-0.947v-3.79h3.77c0.524,0,0.948-0.424,0.948-0.947C7.612,1.425,7.188,1,6.665,1z"/> <path d="M18.053,1h-4.718c-0.523,0-0.947,0.425-0.947,0.947c0,0.523,0.424,0.947,0.947,0.947h3.771v3.79 c0,0.523,0.424,0.947,0.947,0.947S19,7.208,19,6.684V1.947C19,1.425,18.576,1,18.053,1z"/> <path d="M6.665,17.105h-3.77v-3.79c0-0.522-0.423-0.947-0.947-0.947C1.424,12.368,1,12.793,1,13.315v4.737 C1,18.576,1.424,19,1.947,19h4.717c0.524,0,0.948-0.424,0.948-0.947C7.612,17.53,7.188,17.105,6.665,17.105z"/> <path d="M18.053,12.368c-0.523,0-0.947,0.425-0.947,0.947v3.79h-3.771c-0.523,0-0.947,0.425-0.947,0.947 c0,0.523,0.424,0.947,0.947,0.947h4.718C18.576,19,19,18.576,19,18.053v-4.737C19,12.793,18.576,12.368,18.053,12.368z"/> </g> </svg> <svg version="1.1" class="svg-setting-icon not-visible" id="exitFullscreenButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <g> <path d="M6.684,7.631H1.967c-0.523,0-0.947-0.424-0.947-0.947c0-0.522,0.424-0.947,0.947-0.947h3.79v-3.79 C5.737,1.425,6.161,1,6.684,1c0.524,0,0.947,0.425,0.947,0.947v4.737C7.631,7.208,7.208,7.631,6.684,7.631z"/> </g> <g> <path d="M18.033,7.631h-4.718c-0.523,0-0.947-0.424-0.947-0.947V1.947C12.368,1.425,12.792,1,13.315,1 c0.524,0,0.947,0.425,0.947,0.947v3.79h3.771c0.523,0,0.947,0.425,0.947,0.947C18.98,7.208,18.557,7.631,18.033,7.631z"/> </g> <g> <path d="M6.684,19c-0.523,0-0.947-0.424-0.947-0.947v-3.79h-3.77c-0.523,0-0.947-0.423-0.947-0.947 c0-0.522,0.424-0.947,0.947-0.947h4.717c0.524,0,0.947,0.425,0.947,0.947v4.737C7.631,18.576,7.208,19,6.684,19z"/> </g> <g> <path d="M13.315,19c-0.523,0-0.947-0.424-0.947-0.947v-4.737c0-0.522,0.424-0.947,0.947-0.947h4.718 c0.523,0,0.947,0.425,0.947,0.947c0,0.524-0.424,0.947-0.947,0.947h-3.771v3.79C14.263,18.576,13.84,19,13.315,19z"/> </g> </g> </svg> </div> <div id="pip-icon"> <svg version="1.1" class="svg-setting-icon" id="togglePipBtn" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" style="opacity: 0.7"> <path d="M17.999,1H2C1.448,1,1,1.448,1,2v15.999C1,18.553,1.448,19,2,19h15.999C18.552,19,19,18.553,19,17.999V2 C19,1.448,18.552,1,17.999,1z M17,17h-6v-7c0-0.552-0.447-1-1-1H3V3h14V17z"/> </svg> </div> <div id="external-icon"> <svg version="1.1" class="svg-setting-icon" id="externalPlayerButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M15,10.5c-0.553,0-1,0.448-1,1V17H3V6h5.5c0.553,0,1-0.447,1-1c0-0.552-0.447-1-1-1H2C1.447,4,1,4.448,1,5 v13c0,0.553,0.447,1,1,1h13c0.553,0,1-0.447,1-1v-6.5C16,10.948,15.553,10.5,15,10.5z"/> <path d="M18,1h-6c-0.553,0-1,0.447-1,1s0.447,1,1,1h3.586L4.793,13.793c-0.391,0.391-0.391,1.023,0,1.414 s1.023,0.391,1.414,0L17,4.414V8c0,0.553,0.447,1,1,1s1-0.447,1-1V2C19,1.447,18.553,1,18,1z"/> </g> </svg> </div> <div id="back10-icon"> <svg version="1.1" class="svg-setting-icon" id="back10sButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"> <g> <path d="M10.834,2.133c-3.611,0.134-6.86,2.832-7.52,6.614l-0.94-1.41c-0.23-0.345-0.695-0.439-1.04-0.208 c-0.345,0.23-0.438,0.695-0.208,1.04l2.25,3.374c0.279,0.412,0.886,0.426,1.188,0.079l2.625-3c0.273-0.312,0.241-0.785-0.07-1.059 C6.807,7.29,6.333,7.321,6.061,7.633L4.78,9.097c0.507-3.163,3.198-5.358,6.11-5.465c3.574-0.117,6.477,2.652,6.604,6.135 c0.132,3.523-2.613,6.476-6.135,6.605c-0.414,0.016-0.737,0.363-0.721,0.777c0.015,0.404,0.348,0.723,0.749,0.723 c0.009,0,0.019,0,0.027,0c4.35-0.161,7.742-3.809,7.58-8.16C18.836,5.424,15.249,1.979,10.834,2.133z"/> <g> <path d="M13.745,13.752c-1.241,0-2.25-1.01-2.25-2.25v-3c0-1.24,1.009-2.249,2.25-2.249c1.24,0,2.25,1.009,2.25,2.249v3 C15.995,12.742,14.985,13.752,13.745,13.752z M13.745,7.752c-0.414,0-0.75,0.337-0.75,0.749v3c0,0.413,0.336,0.75,0.75,0.75 c0.412,0,0.749-0.337,0.749-0.75v-3C14.494,8.089,14.157,7.752,13.745,7.752z"/> </g> <g> <path d="M9.995,13.752c-0.414,0-0.749-0.336-0.749-0.751V8.813l-0.221,0.22c-0.292,0.293-0.767,0.293-1.06,0 c-0.293-0.293-0.293-0.768,0-1.061l1.499-1.5c0.47-0.471,1.281-0.137,1.281,0.53v5.999C10.746,13.416,10.41,13.752,9.995,13.752z" /> </g> </g> </svg> </div> <div id="audio-icon"> <svg version="1.1" class="svg-setting-icon" id="audioDescriptionButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g transform="translate(0, -6)"> <g id="g3640" transform="matrix(25.882115,0,0,-25.882115,131.4917,110.10997)"> <path id="path3642" d="M-4.608,3.645c0.051,0,0.092-0.041,0.092-0.092c0-0.051-0.041-0.092-0.092-0.092h-0.024v0.184H-4.608z M-4.598,3.38c0.095,0,0.173,0.077,0.173,0.173c0,0.096-0.077,0.173-0.172,0.173h-0.001h-0.106V3.38L-4.598,3.38"></path> </g> <path d="M6.363,13.671l-6.426,8.953h2.878l0.754-1.185h3.282v1.185h1.96v-8.953H6.363z M6.864,19.574H4.801l2.063-3.206V19.574z"></path> <g id="g3652" transform="matrix(25.882115,0,0,-25.882115,205.95434,94.386897)"> <path id="path3654" d="M-7.1,3.119h-0.011h-0.021h-0.011c0.048-0.048,0.076-0.113,0.076-0.181c0-0.06-0.022-0.118-0.06-0.164 h0.011h0.019h0.011c0.034,0.047,0.053,0.104,0.053,0.164C-7.033,3.005-7.057,3.069-7.1,3.119"></path> </g> <g id="g3656" transform="matrix(25.882115,0,0,-25.882115,189.12061,94.386897)"> <path id="path3658" d="M-6.536,3.119h-0.011h-0.021h-0.011c0.048-0.048,0.076-0.113,0.076-0.181c0-0.06-0.022-0.118-0.06-0.164 h0.011h0.019h0.011c0.034,0.047,0.054,0.104,0.054,0.164C-6.469,3.005-6.493,3.069-6.536,3.119"></path> </g> <g id="g3660" transform="matrix(25.882115,0,0,-25.882115,172.23554,94.386897)"> <path id="path3662" d="M-5.971,3.119h-0.011h-0.021h-0.011c0.048-0.048,0.075-0.113,0.075-0.181c0-0.06-0.022-0.118-0.06-0.164 h0.011h0.018h0.011c0.034,0.047,0.053,0.104,0.053,0.164C-5.904,3.005-5.928,3.069-5.971,3.119"></path> </g> </g> </svg> </div> <div id="sidebar-down-icon"> <svg class="sidebar-icons" id="sidebarDownIcon" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve"> <path d="M8,1c3.859,0,7,3.14,7,7c0,3.859-3.141,7-7,7c-3.86,0-7-3.141-7-7C1,4.14,4.14,1,8,1 M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8 s8-3.582,8-8S12.418,0,8,0L8,0z"></path> <polyline fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="12,7 8,11 4,7"></polyline> </svg> </div> <div id="sidebar-up-icon"> <svg class="sidebar-icons" id="sidebarUpIcon" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve"> <path d="M8,1c3.859,0,7,3.14,7,7c0,3.859-3.141,7-7,7c-3.86,0-7-3.141-7-7C1,4.14,4.14,1,8,1 M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8 s8-3.582,8-8S12.418,0,8,0L8,0z"></path> <polyline fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="4.001,9.999 8.001,5.999 12.001,9.999"></polyline> </svg> </div> </div> <div id="videoContainer"> <div id="header"> <div class="instInfo"></div> <button id="hiddenReplayBtn" style="opacity:0;" role="button" style="height:0px;width:0px" aria-label="replay" aria-hidden="true" ></button> </div> <div class="minVideos"></div> <div class="maxVideos"></div> <div class="midVideos"></div> <div class="fullscreen-video-wrapper" style="display: none"> <div id= "maxStreamWrapper"></div> </div> <div class="audioOnlyVideos" style="display: none"></div> <div id="commentOuterContainer"> <div id="commentContainer"> <div id="commentList"></div> </div> </div> <div class="videoSubWrapper" style="display: none; bottom: 0" aria-hidden="true"> <div class="videosubbar" id="PlaceholderSubs">Lorem</div> </div> <div class="thumbnailContainer" style="display:none" aria-hidden="true"> <div class="thumbnailRow"> </div> </div> <div class="playbar-wrapper" style="display: none"> <div class="player" style="display:none"> <div class="player-playbar"> <div class="play-pause play player-icon-class focusable focus" title="Play" value="Play-Pause" role="button" aria-label="play-pause" tabindex="0"> <div class="play-pause-icon play"> <svg version="1.1" class="svg-player-icon" id="playButton" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path d="M7.121,2.371l12.526,7.232c1.323,0.763,1.776,2.456,1.013,3.779c-0.243,0.42-0.592,0.769-1.013,1.012L7.121,21.628 c-1.323,0.765-3.015,0.312-3.78-1.012c-0.243-0.421-0.372-0.898-0.371-1.384V4.768C2.969,3.239,4.208,2,5.736,2 C6.222,2,6.7,2.128,7.121,2.371z"/> </svg> <svg version="1.1" class="svg-player-icon not-visible" id="pauseButton" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M10.708,21c0,0.553-0.448,1-1,1h-3.5c-0.553,0-1-0.447-1-1V3c0-0.552,0.447-1,1-1h3.5c0.552,0,1,0.448,1,1V21z"/> <path d="M18.791,21c0,0.553-0.447,1-1,1h-3.5c-0.553,0-1-0.447-1-1V3c0-0.552,0.447-1,1-1h3.5c0.553,0,1,0.448,1,1V21z"/> </g> </svg> </div> </div> </div> <div class="player-mainbar"> <div id="volumeOfVideo" class="volume player-icon-class" > <div class="volume-icon focusable" id="playbarMuteAudioBtn" title="Mute Audio" role="button" tabindex="0"> <svg version="1.1" id="volume-icon-max" class="svg-player-icon" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M16.208,16.182c-0.374,0.154-0.553,0.581-0.396,0.957c0.115,0.281,0.387,0.45,0.676,0.45c0.093,0,0.188-0.017,0.279-0.054 c2.251-0.929,3.703-3.1,3.703-5.535c0-2.434-1.452-4.606-3.703-5.534c-0.374-0.155-0.803,0.024-0.955,0.397 c-0.156,0.373,0.022,0.801,0.396,0.956c1.7,0.701,2.799,2.342,2.799,4.181C19.007,13.84,17.908,15.479,16.208,16.182z"/> <path d="M16.653,2.736c-0.392-0.092-0.788,0.154-0.879,0.547c-0.092,0.394,0.152,0.788,0.547,0.879 C19.98,5.014,22.535,8.237,22.535,12c0,3.764-2.555,6.987-6.214,7.837c-0.395,0.094-0.639,0.486-0.547,0.879 c0.078,0.339,0.38,0.566,0.711,0.566c0.056,0,0.111-0.006,0.168-0.019C20.979,20.259,24,16.45,24,12 C24,7.553,20.979,3.743,16.653,2.736z"/> <path d="M13.819,20.458V3.543c0-0.508-0.57-0.809-0.991-0.521l-6.717,4.6c-0.105,0.072-0.23,0.111-0.357,0.111H0.632 C0.283,7.732,0,8.015,0,8.364v7.272c0,0.35,0.283,0.633,0.632,0.633h5.121c0.127,0,0.252,0.039,0.357,0.109l6.717,4.601 C13.249,21.269,13.819,20.967,13.819,20.458z"/> </g> </svg> <svg version="1.1" class="svg-player-icon not-visible" id="volume-icon-mid" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M16.208,16.182c-0.374,0.154-0.553,0.581-0.396,0.957c0.115,0.281,0.387,0.45,0.676,0.45c0.093,0,0.188-0.017,0.279-0.054 c2.251-0.929,3.703-3.1,3.703-5.535c0-2.434-1.452-4.606-3.703-5.534c-0.374-0.155-0.803,0.024-0.955,0.397 c-0.156,0.373,0.022,0.801,0.396,0.956c1.7,0.701,2.799,2.342,2.799,4.181C19.007,13.84,17.908,15.479,16.208,16.182z"/> <path d="M13.819,20.458V3.543c0-0.508-0.57-0.809-0.991-0.521l-6.717,4.6c-0.105,0.072-0.23,0.111-0.357,0.111H0.632 C0.283,7.732,0,8.015,0,8.364v7.272c0,0.35,0.283,0.633,0.632,0.633h5.121c0.127,0,0.252,0.039,0.357,0.109l6.717,4.601 C13.249,21.269,13.819,20.967,13.819,20.458z"/> </g> </svg> <svg version="1.1" class="svg-player-icon not-visible" id="volume-icon-min" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M13.819,20.458V3.543c0-0.508-0.57-0.809-0.991-0.521l-6.717,4.6c-0.105,0.072-0.23,0.111-0.357,0.111H0.632 C0.283,7.732,0,8.015,0,8.364v7.272c0,0.35,0.283,0.633,0.632,0.633h5.121c0.127,0,0.252,0.039,0.357,0.109l6.717,4.601 C13.249,21.269,13.819,20.967,13.819,20.458z"/> </g> </svg> <svg version="1.1" focusable="false" class="svg-player-icon not-visible" id="volume-icon-mute" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M22.708,1.298c-0.377-0.37-0.979-0.41-1.414,0l-20,20c-0.435,0.435-0.35,1.136,0.016,1.427 c0.38,0.364,1.025,0.361,1.398-0.013l20-20C23.106,2.313,23.085,1.674,22.708,1.298z"/> <g> <path d="M19.007,12c0,1.84-1.099,3.479-2.799,4.182c-0.374,0.154-0.554,0.582-0.396,0.957c0.114,0.281,0.387,0.45,0.676,0.45 c0.093,0,0.188-0.017,0.279-0.054c2.25-0.93,3.703-3.1,3.703-5.535c0-1.601-0.638-3.079-1.707-4.174l-1.034,1.033 C18.53,9.685,19.007,10.797,19.007,12z"/> <path d="M16.652,2.736c-0.392-0.092-0.787,0.154-0.879,0.547c-0.092,0.394,0.152,0.788,0.547,0.879 c0.253,0.059,0.498,0.131,0.74,0.212l1.138-1.138C17.705,3.029,17.188,2.861,16.652,2.736z"/> <path d="M22.535,12c0,3.764-2.555,6.986-6.215,7.837c-0.395,0.095-0.639,0.486-0.547,0.879c0.078,0.339,0.381,0.566,0.711,0.566 c0.057,0,0.111-0.007,0.168-0.019C20.979,20.259,24,16.45,24,12c0-2.585-1.026-4.95-2.731-6.68l-1.035,1.036 C21.671,7.818,22.535,9.816,22.535,12z"/> <path d="M13.818,3.543c0-0.508-0.569-0.809-0.99-0.521l-6.717,4.6c-0.105,0.072-0.23,0.111-0.357,0.111H0.632 C0.283,7.732,0,8.015,0,8.364v7.271c0,0.351,0.283,0.634,0.632,0.634h4.533l8.653-8.653V3.543z"/> <path d="M12.827,20.979c0.422,0.291,0.991-0.012,0.991-0.521v-7.687l-5.274,5.273L12.827,20.979z"/> </g> </g> </svg> </div> <div id ="volumeHolderOfVideo" class="volume-holder hover-option"> <div class="volume-bar-area"> <div class="volume-bar-holder" > <div class="volume-bar"> <div class="volume-button-holder"> <button class="volume-button focusable" role="slider" aria-valuetext="volume slider" aria-valuemin="1" aria-valuemax="100" aria-valuenow="100" tabindex="-1"></button> </div> </div> </div> </div> </div> </div> <div class="time-wrapper vertical-align"> <div class="time" aria-hidden="true"> 00:00 </div> </div> <div class="progress-announce" role="progressbar" aria-valuetext=""> </div> <div id="commentWrapper"></div> <div class="progress-time-wrapper"> <div class="progress"> <div class="progress-bar"> <div class="button-holder"> <div class="progress-button" role="slider" aria-valuetext="progressbar. Use up and down arrow to go forward or backward seconds." aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </div> <div class="settings player-icon-class focusable" id="changeVideoSettingsBtn" title="Change video settings" role="button" tabindex="0"> <div class="settings-icon"> <svg version="1.1" class="svg-player-icon" id="changeSettingsButton" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <linearGradient id="SVGID_SET_" gradientUnits="userSpaceOnUse" x1="11.937" y1="18.4335" x2="11.937" y2="30.145"> <stop class="button-color-primary" offset="0" style="stop-color:#FFFFFF"></stop> <stop class="button-color-secondary" offset="1" style="stop-color:#878787"></stop> </linearGradient> <path d="M23.5,10h-2.855c-0.199-0.79-0.453-1.667-0.777-2.332l2.032-2.032c0.195-0.195,0.195-0.512,0-0.707L19.07,2.102 c-0.195-0.196-0.512-0.196-0.707,0L16.33,4.133C15.666,3.809,14.789,3.555,14,3.356V0.5C14,0.224,13.775,0,13.5,0h-3 C10.224,0,10,0.224,10,0.5v2.856C9.21,3.555,8.333,3.809,7.669,4.133L5.636,2.102c-0.195-0.196-0.512-0.196-0.707,0L2.1,4.929 c-0.195,0.195-0.195,0.512,0,0.707l2.033,2.033C3.811,8.332,3.555,9.209,3.354,10H0.5C0.224,10,0,10.224,0,10.5v3 C0,13.776,0.224,14,0.5,14h2.854c0.201,0.791,0.456,1.668,0.779,2.332L2.1,18.365c-0.195,0.194-0.195,0.511,0,0.706l2.829,2.828 c0.188,0.188,0.52,0.188,0.707,0l2.033-2.032c0.663,0.322,1.541,0.577,2.332,0.778V23.5c0,0.276,0.224,0.5,0.5,0.5h3 c0.275,0,0.5-0.224,0.5-0.5v-2.854c0.791-0.201,1.668-0.456,2.33-0.778l2.034,2.032c0.195,0.195,0.512,0.195,0.707,0l2.828-2.828 c0.195-0.195,0.195-0.512,0-0.706l-2.032-2.033c0.322-0.664,0.578-1.541,0.777-2.332H23.5c0.275,0,0.5-0.224,0.5-0.5v-3 C24,10.224,23.775,10,23.5,10z M12,16c-2.206,0-4-1.795-4-4s1.794-4,4-4c2.205,0,4,1.795,4,4S14.205,16,12,16z"/> </svg> </div> <div class="caption-option-wrapper" style="position: relative; display: none"> <div style="position: absolute; left: 0px; top: 0px; width: 100%"> <div class="caption-holder hover-option"> <table> <tr id="captionOptions"> </tr> </table> </div> </div> </div> </div> </div> <div class="sub-menu-holder" style="width:100%"> <div class ="captionConfig"> <div class="captionConfigText">Options</div> </div> </div> <div class="quality-menu-holder" style="width:100%" > <div class="menuitem quality-selected" id="qualityoption0"> <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> <div class="menuitem-textselection">Auto</div> </div> </div> <div class="playspeed-menu-holder" style="width:100%" role="dialog"> <li class="menuitem" > <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed0">0.5x</div> </a> </li> <li class="menuitem" > <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed1">0.75x</div> </a> </li> <li class="menuitem" > <div class="glyphicon glyphicon-ok" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection playspeed-selected" id="playspeed2">1x</div> </a> </li> <li class="menuitem"> <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed3">1.25x</div> </a> </li> <li class="menuitem"> <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed4">1.5x</div> </a> </li> <li class="menuitem"> <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed5">1.75x</div> </a> </li> <li class="menuitem" > <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed6">2x</div> </a> </li> <li class="menuitem"> <div class="glyphicon" aria-hidden="true"></div> <a href="#" style="text-decoration: none;"> <div class="menuitem-textselection" id="playspeed7">4x</div> </a> </li> </div> <div class="settings-holder-wrapper" role="dialog">  <div class="settings-holder" role="menu"></div>  </div> <div class="flash-fallback player-icon-class" title="Watch using Flash Player"> <svg version="1.1" class="svg-player-icon" id="flashFallback" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g> <path d="M17.938,0.257C17.85,0.099,17.682,0,17.5,0h-8c-0.23,0-0.43,0.156-0.485,0.378l-3,12c-0.038,0.149-0.004,0.307,0.091,0.428 C6.201,12.929,6.346,13,6.5,13h3.346L7.018,23.368c-0.064,0.236,0.052,0.485,0.275,0.587c0.217,0.1,0.483,0.031,0.623-0.178l10-15 c0.102-0.154,0.111-0.351,0.025-0.514C17.854,8.102,17.684,8,17.5,8h-4.098l4.521-7.235C18.02,0.61,18.025,0.416,17.938,0.257z" /> </g> </svg> </div> <div id="tnPreview"> <div id="tnPreviewFormatting"></div> <div id="tnPreviewDuration"></div> </div> <div id="tnComments"></div> </div> </div> </div> </div> <div id="downloadVideoOverlay" class="downloadOverlay" style="height: 100%;width: 100%;display: none;"> <div id="downloadWindow" class="overlay-window-download" style="max-width: 550px; max-height: 450px; padding: 0%">  <div class="container" id="downloadDialogue" style="width:100%;height:100%;display:flex;"></div> </div> </div> <div id="confusionOverlay" class="overlay" style="display:none;"> <div class="modal fade in" style="display: block; position:relative"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <div id="confusionCloseButton" class="overlay-close-button" role="button" aria-label="close confusion window"> <img src="/Dashboard/icons/html5Player/sidebar-note-delete.png"> </div> <h4>Create a Comment</h4> </div> <div class="modal-body" > <div class="vertical-align" style="margin-bottom: 6px;"> <textarea id="confusionInput" maxlength="250" rows="4" title="Create a Comment"></textarea> <button id="confusionSubmit" class="btn defaultcolor">Comment at MM:SS</button> </div> <div class="dc_commentSectionOptions"> <div class="dc_commentSectionOptionContainer option-send"> <label class="lc_responseText" for="confusionVisibility">Send to:</label> <select id="confusionVisibility" class="form-control"> <option selected="selected" value="Public">All Viewers</option> <option value="Private">Content Owner</option> </select> </div> </div> </div> </div> </div> </div> </div> <div id="linkOverlay" class="overlay" style="display:none"> <div class="modal fade in" style="display:block"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="margin: 0;"> <div id="linkCloseButton" class="overlay-close-button" role="button" aria-label="close link window"> <img src="/Dashboard/icons/html5Player/sidebar-note-delete.png"> </div> <h4 id="createClipText">Create Clip</h4> </div> <div class="modal-body" style="padding:10px 20px;"> <div class="link-button-row row horizontal-align"> <button id="clipBtn" class="btn tab-btn btn-default dropdown-toggle"> <span id="clipText" class="top-text"><b>Clip</b></span> </button> <button id="segmentBtn" class="btn tab-btn btn-default dropdown-toggle"> <span id="segmentText" class="top-text"><b>Segment</b></span> </button> </div> <div class="clip-body"> <span id="subclipSubheading0">Get a direct link that starts playing at the current time shown.</span> </div> <div class="segment-body" style="display:none;"> <span id="subclipSubheading1">Create a video segment that starts and ends at the specified time.</span> <br> <div class="row"> <div class="col-xs-7 col-sm-3" id="subclipSubheading2">Start Time</div> <input type="text" id="subclipStartTime" name="subclipStartTime" class="col-xs-offset-1 col-xs-2" /> <button id="subclipStartClear" class="subclipBtn vertical-align btn btn-link"> <i class="fa fa-history"></i> </button> </div> <div class="row"> <div class="col-xs-7 col-sm-3" id="subclipSubheading3">Stop Time</div> <input type="text" id="subclipEndTime" name="subclipEndTime" class="col-xs-offset-1 col-xs-2" /> <button id="subclipEndClear" class="subclipBtn vertical-align btn btn-link"> <i class="fa fa-history"></i> </button> </div> <div id="subclipSubheading4">Copy the URL of the clip to your clipboard</div> </div> <textarea id="LinkInput" maxlength="1000" rows="3" cols="30" readonly></textarea> </div> <div class="modal-footer" style="margin: 0;"> <button id="copyLink" class="btn defaultcolor">Copy Link</button> </div> </div> </div> </div> </div> <div id ="previewPlayAnchor" aria-label='play'> </div> <div id="previewResumePlayWrapper" style="opacity:0;display:none;"> <div class="modal-dialog" id="previewResumePlay" role="button"> <div class="modal-content" id="previewResumePlayContent"> <div class="modal-header" id="previewResumePlayHeader"> <h4 id="previewResumePlayTitle" class="modal-title">Where in the video would you like to resume?</h4> </div> <div class="modal-body" id="previewResumePlayBody"> <div class="continueButton"> <div class="previewResumePlayButtonWrapper"> <button type="button" id="previewResumeButton" class="btn previewResumeModalButton text-left" data-dismiss="modal"> <svg version="1.1" id="playButtonIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path d="M23.754,11.553l-23-11.5C0.417-0.113,0.031,0.133,0.031,0.5v23c0,0.373,0.393,0.612,0.724,0.447l23-11.5 C24.122,12.263,24.122,11.737,23.754,11.553z" /> </svg> <span id="previewResumeButtonText">Resume playing from</span> </button> </div> </div> <div class="previewResumePlayButtonWrapper"> <button type="button" id="previewPlayButton" class="btn previewResumeModalButton text-left" data-dismiss="modal"> <i id="replayButtonIcon" class="fa fa-repeat"></i> <span id="previewPlayButtonText">Play from beginning</span> </button> </div> </div> </div> </div> </div> <div id="ksOverlay" class="overlay"> <div id="ksWindow" class="overlay-window"> <div id="ksCloseButton" class="overlay-close-button"> <img src="/Dashboard/icons/html5Player/sidebar-note-delete.png"> </div> <div id="ksTableWrapper" aria-hidden="true"> <table id="ksTable"> <tr> <th colspan="2" id="ksHeader"><span id="keyboardShortcuts">Keyboard Shortcuts</span></th> </tr> <tr> <td id="playPauseShortcut" class="ks-content">Play/Pause</td> <td class="ks-content">k</td> </tr> <tr> <td id="fullscreenShortcut" class="ks-content">Fullscreen</td> <td class="ks-content">f</td> </tr> <tr> <td id="pictureInPictureShortcut" class="ks-content">Picture-in-Picture</td> <td class="ks-content">p</td> </tr> <tr> <td id="toggleSplitscreensShortcut" class="ks-content">Toggle Splitscreen</td> <td class="ks-content">r</td> </tr> <tr> <td id="captionsShortcut" class="ks-content">Captions</td> <td class="ks-content">c</td> </tr> <tr> <td id="muteUnmuteShortcut" class="ks-content">Mute/Unmute</td> <td class="ks-content">m</td> </tr> <tr> <td id="toggleThumbnailsShortcut" class="ks-content">Toggle Thumbnails</td> <td class="ks-content">t</td> </tr> <tr> <td id="externalHtml5PlayerShortcut" class="ks-content">External HTML5 Player</td> <td class="ks-content">e</td> </tr> <tr> <td id="toggleSidebarShortcut" class="ks-content">Toggle Sidebar</td> <td class="ks-content">s</td> </tr> <tr> <td id="addCommentShortcut" class="ks-content">Add Comment</td> <td class="ks-content">z</td> </tr> <tr> <td id="toggleAudioDescriptionShortcut" class="ks-content">Toggle Audio Description</td> <td class="ks-content">a</td> </tr> <tr> <td id="changeVideoStreamShortcut" class="ks-content">Change Video Stream</td> <td class="ks-content">v</td> </tr> <tr> <td id="seekForwardShortcut" class="ks-content">Seek Forward Seconds</td> <td id="lOrRightArrowText" class="ks-content">l or Right Arrow</td> </tr> <tr> <td id="seekBackwardShortcut" class="ks-content">Seek Backward Seconds</td> <td id="jOrLeftArrowText" class="ks-content">j or Left Arrow</td> </tr> <tr> <td id="increaseSpeedShortcut" class="ks-content">Increase Speed</td> <td class="ks-content">.</td> </tr> <tr> <td id="decreaseSpeedShortcut" class="ks-content">Decrease Speed</td> <td class="ks-content">,</td> </tr> <tr> <td id="increaseQualityShortcut" class="ks-content">Increase Quality</td> <td class="ks-content">=</td> </tr> <tr> <td id="decreaseQualityShortcut" class="ks-content">Decrease Quality</td> <td class="ks-content">-</td> </tr> <tr> <td id="increaseVolumeShortcut" class="ks-content">Increase Volume</td> <td class="ks-content">]</td> </tr> <tr> <td id="decreaseVolumeShortcut" class="ks-content">Decrease Volume</td> <td class="ks-content">[</td> </tr> </table> </div> </div> </div> <div id="loginDropdownPreviewWrapper" style="background:#002B77"> <div id="loginDropdownPreview"> <h5 id="authenticationRequiredMessage">To view this content, authentication is required.</h5> <script> function setSelected(text, value) { $('#selectedText').text(text).val(value); $('#accesstype').val(text); } </script> </div> <ul id="ulDropdown" class="nav"> <li> <form id="loginForm" method="POST" action="\Login.jsp" style="padding: 8px 0px;"> <input type="hidden" id="useLDAP" name="useLDAP" value="false"/> <label for="loginSelect" style="margin:auto 10px; color:white">Authenticate Using:</label> <div id="loginSelect" class="dropdown" style="display: inline-block;"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span id="selectedText">Dropdown button</span> <span class="caret" style="margin-left:5px"></span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" role="menu"> <li> <a class="dropdown-item" onclick="setSelected('Dallas College Single-Sign-On','SSO')">Dallas College Single-Sign-On</a> </li> <li> <a class="dropdown-item" onclick="setSelected('YuJa Credentials','YUJA')">YuJa Credentials</a> </li> <input type="hidden" id="accesstype" name="accesstype" /> </div> </div> </form> </li> <li style="margin-top: 10px"> <a id="loginBtn" class="btn" role="button" onclick="goToLoginPage()" style="padding: 0px 10px 10px 10px; margin:0px 10px; height: 20px; border: none; background-color: #94b5dd"> <span style="color:#000000">Authenticate</span> </a> </li>  </ul> </div> </div> </div> </div> <div class="setting-item-pool"> </div>