wai-website-theme 1.2 → 1.3

data/assets/ableplayer/scripts/youtube.js

@@ -1,3 +1,4 @@
+
 (function ($) {
   AblePlayer.prototype.initYouTubePlayer = function () {
 
@@ -55,7 +56,7 @@
     this.$mediaContainer.prepend($('<div>').attr('id', containerId));
     // NOTE: Tried the following in place of the above in January 2016
     // because in some cases two videos were being added to the DOM
-    // However, once v2.2.23 was fairly stable, unable to reptroduce that problem
+    // However, once v2.2.23 was fairly stable, unable to reproduce that problem
     // so maybe it's not an issue. This is preserved here temporarily, just in case it's needed...
     // thisObj.$mediaContainer.html($('<div>').attr('id', containerId));
 
@@ -96,19 +97,31 @@
       this.ytWidth = null;
       this.ytHeight = null;
     }
+
+    // NOTE: YouTube is changing the following parameters on or after Sep 25, 2018:
+    // rel - No longer able to prevent YouTube from showing related videos
+    //      value of 0 now limits related videos to video's same channel
+    // showinfo - No longer supported (previously, value of 0 hid title, share, & watch later buttons
+    // Documentation https://developers.google.com/youtube/player_parameters
+
     this.youTubePlayer = new YT.Player(containerId, {
       videoId: this.activeYouTubeId,
+      host: this.youTubeNoCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com',
       width: this.ytWidth,
       height: this.ytHeight,
       playerVars: {
+        autoplay: 0,
         enablejsapi: 1,
+        disableKb: 1, // disable keyboard shortcuts, using our own
+        playsinline: this.playsInline,
         start: this.startTime,
         controls: 0, // no controls, using our own
         cc_load_policy: ccLoadPolicy,
         hl: this.lang, // use the default language UI
         modestbranding: 1, // no YouTube logo in controller
         rel: 0, // do not show related videos when video ends
-        html5: 1 // force html5 if browser supports it (undocumented parameter; 0 does NOT force Flash)
+        html5: 1, // force html5 if browser supports it (undocumented parameter; 0 does NOT force Flash)
+        iv_load_policy: 3 // do not show video annotations
       },
       events: {
         onReady: function () {
@@ -121,7 +134,6 @@
             }
           }
           if (typeof thisObj.aspectRatio === 'undefined') {
-console.log('resizeYouTubePlayer at POS Y1');
             thisObj.resizeYouTubePlayer(thisObj.activeYouTubeId, containerId);
           }
           deferred.resolve();
@@ -208,11 +220,11 @@ console.log('resizeYouTubePlayer at POS Y1');
   };
 
   AblePlayer.prototype.resizeYouTubePlayer = function(youTubeId, youTubeContainerId) {
+
     // called after player is ready, if youTube dimensions were previously unknown
     // Now need to get them from the iframe element that YouTube injected
     // and resize Able Player to match
     var d, width, height;
-
     if (typeof this.aspectRatio !== 'undefined') {
       // video dimensions have already been collected
       if (this.restoringAfterFullScreen) {
@@ -330,7 +342,6 @@ console.log('resizeYouTubePlayer at POS Y1');
     var thisObj, i, trackId, trackLang, trackLabel, trackKind, isDraft, isDefaultTrack;
 
     thisObj = this;
-
     gapi.client.setApiKey(youTubeDataAPIKey);
     gapi.client
       .load('youtube', 'v3')

data/assets/ableplayer/styles/ableplayer.css

@@ -8,6 +8,7 @@
 	div.able-modal-overlay = 9500
 
 	* Items that should always be on top (9000):
+	#able-vts-alert = 9400
 	.able-alert = 9400
 	.able-window-toolbar .able-button-handler-preferences = 9300
   .able-popup = 9200
@@ -245,7 +246,7 @@
   position: absolute;
   right: 0px;
   top: -74px;
-  display: none;
+  display: block;
   z-index: 9100;
 }
 .able-volume-track {
@@ -407,7 +408,7 @@ div.able-captions-wrapper {
   padding: 0;
   text-align: center;
   line-height: 1.35em;
-  display: none;
+  display: block;
   z-index: 6000;
 }
 div.able-captions {
@@ -650,6 +651,7 @@ span.able-modkey {
   padding: 10px;
   border-style: solid;
   border-width: 0 0 1px 0;
+  overflow: scroll;
 }
 .able-draggable:hover {
   cursor: move;
@@ -678,9 +680,10 @@ span.able-modkey {
 }
 .able-window-toolbar .able-popup {
   position: absolute;
+  cursor: default;
   right: 0;
   top: 0;
-  display: none;
+  display: block;
 }
 .able-drag {
   border: 2px dashed #F90;
@@ -818,7 +821,7 @@ div.able-chapters-div button::-moz-focus-inner {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
-  display: none;
+  display: block;
 }
 .able-alert {
   background-color: #FFFFCC;
@@ -846,36 +849,30 @@ div.able-chapters-div button::-moz-focus-inner {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
-  display: none;
+  display: block;
+  cursor: default;
+  list-style: none;
 }
-.able-popup ul {
+ul.able-popup {
   list-style-type: none;
-  margin: 0;
-  padding: 0;
 }
 .able-popup li {
   padding: 0.25em 1em 0.25em 0.25em;
   margin: 1px;
-}
-.able-popup label {
-  padding-left: 0.25em;
   color: #FFF;
 }
 .able-popup li.able-focus {
   background-color: #CCC;
-}
-.able-popup li.able-focus label {
   color: #000;
 }
-
-/*
-  Popup Menus with hidden radio buttons
-  e.g., chapters and preferences
-*/
-.able-popup-no-radio > ul > li > input {
-  position: absolute !important;
-  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-  clip: rect(1px, 1px, 1px, 1px);
+.able-popup-captions li {
+  padding-left: 1em;
+}
+.able-popup-captions li[aria-checked="true"] {
+  padding-left: 0;
+}
+.able-popup-captions li[aria-checked="true"]::before {
+  content: "\2713  "; /* check mark; for heavier mark us 2714 */
 }
 
 /*
@@ -888,6 +885,7 @@ div.able-chapters-div button::-moz-focus-inner {
   height: 400px;
   z-index: 7000;
   outline: none;
+  padding-bottom: 25px; /* keep content above 16x16px drag icon */
 }
 .able-transcript {
 	position: relative; /* must be positioned for scrolling */
@@ -942,6 +940,8 @@ div.able-chapters-div button::-moz-focus-inner {
 }
 .able-window-toolbar input:focus,
 .able-window-toolbar input:hover,
+.able-window-toolbar select:focus,
+.able-window-toolbar select:hover,
 .able-controller input:focus,
 .able-controller input:hover,
 .able-controller button:focus,
@@ -952,12 +952,14 @@ div.able-chapters-div button::-moz-focus-inner {
   outline-width: 2px;
 }
 .able-window-toolbar input:focus,
+.able-window-toolbar select:focus,
 .able-controller input:focus,
 .able-controller button:focus,
 .able-seekbar-head:focus {
 	outline-color: #ffbb37; /* yellow */
 }
 .able-window-toolbar input:hover,
+.able-window-toolbar select:hover,
 .able-controller input:hover,
 .able-controller button:hover,
 .able-seekbar-head:hover {
@@ -1055,6 +1057,107 @@ div.able-chapters-div button::-moz-focus-inner {
 	font-weight: bold;
 }
 
+/*
+  Video Transcript Sorter (VTS)
+*/
+#able-vts-instructions {
+	margin-bottom: 1.5em;
+	padding: 1em;
+	border: 1px solid #999;
+	width: 720px;
+	max-width: 90%;
+}
+#able-vts fieldset {
+  margin: 1em;
+  border: none;
+}
+#able-vts fieldset legend {
+  color: #000;
+  font-weight: bold;
+}
+#able-vts fieldset div {
+  float: left;
+  padding-right: 1em;
+}
+#able-vts table {
+  clear: left;
+}
+
+#able-vts table,
+#able-vts table th,
+#able-vts table td {
+  border: 1px solid black;
+  border-collapse: collapse;
+  padding: 0.5em 0.75em;
+}
+#able-vts table th.actions {
+  min-width: 140px;
+}
+#able-vts table td button {
+  width: auto;
+  padding: 0;
+  margin: 2px;
+}
+#able-vts table td button svg {
+  width: 16px;
+  height: 16px;
+}
+#able-vts table button:hover,
+#able-vts table button:focus  {
+  /*    border: 3px solid #66c2ff; */
+}
+#able-vts table button:hover svg {
+  fill: #C00;
+}
+tr.kind-chapters,
+tr.kind-subtitles {
+  background-color: #FFF;
+}
+tr.kind-descriptions {
+  background-color: #FEE;
+}
+tr.kind-chapters {
+  background-color: #e6ffe6;
+}
+.able-vts-dragging {
+  background-color: #FFC;
+}
+div#able-vts-icon-credit {
+  margin: 1em;
+}
+div#able-vts-alert {
+  display: none;
+  position: fixed;
+  top: 5px;
+  left: 5px;
+  border: 2px solid #666;
+  background-color: #FFC;
+  padding: 1em;
+  font-weight: bold;
+  z-index: 9400;
+}
+button#able-vts-save {
+	font-size: 1em;
+	padding: 0.25em;
+	border-radius: 5px;
+	margin-bottom: 1em;
+	font-weight: bold;
+}
+button#able-vts-save:hover,
+button#able-vts-save:focus {
+  color: white;
+  background-color: #060;
+}
+.able-vts-output-instructions {
+	width: 720px;
+	max-width: 90%;
+}
+#able-vts textarea {
+	height: 200px;
+	width: 720px;
+	max-width: 90%;
+}
+
 /*
   Misc
 */

data/assets/ableplayer/translations/ca.js

@@ -1 +1,311 @@
-var ca = {
+var ca = {
+
+"audio": "audio",
+
+"video": "vídeo",
+
+"playerHeading": "Reproductor",
+
+"faster": "Ràpid",
+
+"slower": "Lent",
+
+"play": "Reprodueix",
+
+"pause": "Pausa",
+
+"stop": "Atura",
+
+"restart": "Reinicia",
+
+"prevChapter": "Capítol anterior",
+
+"nextChapter": "Capítol següent",
+
+"prevTrack": "Pista anterior",
+
+"nextTrack": "Pista següent",
+
+"rewind": "Endarrere",
+
+"forward": "Endavant",
+
+"captions": "Subtítols",
+
+"showCaptions": "Mostra els subtítols",
+
+"hideCaptions": "Oculta els subtítols",
+
+"captionsOff": "Desactiva els subtítols",
+
+"showTranscript": "Mostra la transcripció",
+
+"hideTranscript": "Oculta la transcripció",
+
+"turnOnDescriptions": "Activa l\'audiodescripció",
+
+"turnOffDescriptions": "Desactiva l\'audiodescripció",
+
+"chapters": "Capítols",
+
+"newChapter": "Nou capítol",
+
+"language": "Idioma",
+
+"sign": "Llengua de signes",
+
+"showSign": "Mostra la llengua de signes",
+
+"hideSign": "Oculta la llengua de signes",
+
+"seekbarLabel": "Línia de temps",
+
+"mute": "Silencia",
+
+"unmute": "Activa el so",
+
+"volume": "Volum",
+
+"volumeHelp": "Feu clic per accedir al control de volum",
+
+"volumeUpDown": "Apuja i abaixa el volum",
+
+"volumeSliderClosed": "Control de volum tancat",
+
+"preferences": "Preferències",
+
+"enterFullScreen": "Entra en el mode de pantalla completa",
+
+"exitFullScreen": "Surt del mode de pantalla completa",
+
+"fullScreen": "Pantalla completa",
+
+"speed": "Velocitat",
+
+"and": "i",
+
+"or": "o",
+
+"spacebar": "Barra espaiadora",
+
+"transcriptTitle": "Transcripció",
+
+"lyricsTitle": "Lletra",
+
+"autoScroll": "Desplaçament automàtic",
+
+"unknown": "Desconegut",
+
+"statusPlaying": "S\'està reproduint",
+
+"statusPaused": "En pausa",
+
+"statusStopped": "Aturat",
+
+"statusWaiting": "S\'està esperant",
+
+"statusBuffering": "Emmagatzemant",
+
+"statusUsingDesc": "S\'està utilitzant la versió amb audiodescripció",
+
+"statusLoadingDesc": "S\'està carregant la versió amb audiodescripció",
+
+"statusUsingNoDesc": "S\'està utilitzant la versió sense audiodescripció",
+
+"statusLoadingNoDesc": "S\'està carregant la versió sense audiodescripció",
+
+"statusLoadingNext": "S\'està carregant la pista següent",
+
+"statusEnd": "Fi de pista",
+
+"selectedTrack": "Pista seleccionada",
+
+"alertDescribedVersion": "S\'està utilitzant la versió amb audiodescripció del vídeo",
+
+"alertNonDescribedVersion": "S\'està utilitzant la versió sense audiodescripció del vídeo",
+
+"fallbackError1": "El vostre navegador no és compatible",
+
+"fallbackError2": "Els navegadors següents sí són compatibles amb aquest reproductor",
+
+"orHigher": "o superior",
+
+"prefMenuCaptions": "Subtítols",
+
+"prefMenuDescriptions": "Descripcions",
+
+"prefMenuKeyboard": "Teclat",
+
+"prefMenuTranscript": "Transcripció",
+
+"prefTitleCaptions": "Preferències dels subtítols",
+
+"prefTitleDescriptions": "Audio Description Preferences",
+
+"prefTitleKeyboard": "Preferències del teclat",
+
+"prefTitleTranscript": "Preferències de la transcripció",
+
+"prefIntroCaptions": "Les preferències següents controlen com es mostren els subtítols.",
+
+"prefIntroDescription1": "Aquest reproductor suporta l\'audiodescripció de dues maneres: ",
+
+"prefIntroDescription2": "L\'actual vídeo té ",
+
+"prefIntroDescriptionNone": "L\'actual vídeo no disposa d\'audiodescripció en cap format.",
+
+"prefIntroDescription3": "Utilitzeu el formulari següent per definir les preferències relacionades amb l\'audiodescripció.",
+
+"prefIntroDescription4": "Desprès de desar la configuració, podeu commutar l\'ús de l\'audiodescripció amb el mateix botó.",
+
+"prefIntroKeyboard1": "Aquest reproductor pot ser utilitzat des de qualsevol lloc de la pàgina utilitzant les dreceres de teclat (vegeu la llista a continuació).",
+
+"prefIntroKeyboard2": "A continuació, podeu asignar les tecles modificadores (Majúscules, Alt, i la tecla d\'inserció).",
+
+"prefIntroKeyboard3": "NOTA: algunes combinacions de tecles poden entrar en conflicte amb les utilitzades pel navegador i/o altres aplicacions. Proveu diferents combinacions o tecles modificadores fins a trobar les adequades en cada cas.",
+
+"prefIntroTranscript": "Les preferències següents afecten a la transcripció interactiva.",
+
+"prefCookieWarning": "Per desar les preferències es requereix l\'us de galetes.",
+
+"prefHeadingKeyboard1": "Tecles modificadores emprades com a dreceres de teclat",
+
+"prefHeadingKeyboard2": "Dreceres de teclat actuals",
+
+"prefHeadingDescription": "Audiodescripció",
+
+"prefHeadingTextDescription": "Audiodescripció textual",
+
+"prefHeadingCaptions": "Subtítols",
+
+"prefHeadingTranscript": "Transcripció interactiva",
+
+"prefAltKey": "Alt",
+
+"prefCtrlKey": "Control",
+
+"prefShiftKey": "Majúscula",
+
+"escapeKey": "Escapada",
+
+"escapeKeyFunction": "Tanca el diàleg o finestre emergent actual",
+
+"prefDescFormat": "Format preferit",
+
+"prefDescFormatHelp": "Si els dos formats es troben disponibles, només s'utilitzarà un d\'ells.",
+
+"prefDescFormatOption1": "Vídeo alternatiu amb audiodescripció incrustada",
+
+"prefDescFormatOption1b": "una versió alternativa amb audiodescripció",
+
+"prefDescFormatOption2": "Descripció textual anunciada pel lector de pantalla",
+
+"prefDescFormatOption2b": "descripció textual",
+
+"prefDescPause": "Pausa automàticament el vídeo en el moment que comenci una audiodescripció",
+
+"prefVisibleDesc": "Fes visible la audiodescripció textual si es troba activada",
+
+"prefHighlight": "Ressalta la transcripció a mesura que avança el contingut",
+
+"prefTabbable": "Transcripció operable per teclat",
+
+"prefCaptionsFont": "Font",
+
+"prefCaptionsColor": "Text Color",
+
+"prefCaptionsBGColor": "Background",
+
+"prefCaptionsSize": "Font Size",
+
+"prefCaptionsOpacity": "Opacity",
+
+"prefCaptionsStyle": "Style",
+
+"serif": "Serif",
+
+"sans": "Sans-Serif",
+
+"cursive": "Cursive",
+
+"fantasy": "fantasy",
+
+"monospace": "Monospace",
+
+"white": "White",
+
+"yellow": "Yellow",
+
+"green": "Green",
+
+"cyan": "Cyan",
+
+"blue": "Blue",
+
+"magenta": "Magenta",
+
+"red": "Red",
+
+"black": "Black",
+
+"transparent": "transparent",
+
+"solid": "Solid",
+
+"captionsStylePopOn": "Pop-on",
+
+"captionsStyleRollUp": "Roll-up",
+
+"prefCaptionsPosition": "Position",
+
+"captionsPositionOverlay": "Overlay",
+
+"captionsPositionBelow": "A continuació del vídeo",
+
+"sampleCaptionText": "Text de mostra dels subtítols",
+
+"prefSuccess": "S\'han desat els canvis.",
+
+"prefNoChange": "No s\'ha fet cap canvi.",
+
+"help": "Ajuda",
+
+"helpTitle": "Ajuda",
+
+"save": "Desa",
+
+"cancel": "Cancel·la",
+
+"ok": "D\'acord",
+
+"done": "Fet",
+
+"closeButtonLabel": "Tanca el quadre de diàleg",
+
+"windowButtonLabel": "Opcions de la finestra",
+
+"windowMove": "Moure",
+
+"windowMoveAlert": "Arrossegueu o feu servir les tecles de direcció per moure la finestra, polseu retorn per aturar.",
+
+"windowResize": "Redimensiona",
+
+"windowResizeHeading": "Redimensiona la finestra amb l\'intèrpret",
+
+"windowResizeAlert": "S\'ha redimensionat la finestra.",
+
+"windowClose": "Tanca",
+
+"width": "Amplada",
+
+"height": "Alçada",
+
+"windowSendBack": "Envia darrera",
+
+"windowSendBackAlert": "Aquesta finestra no es troba darrera de cap objecte.",
+
+"windowBringTop": "Porta al davant",
+
+"windowBringTopAlert": "Aquesta finestra es troba davant de la resta d\'objectes de la pàgina."
+
+};