minor video notices for iframes

haxtheweb · Jun 21, 2023 · d30c4ad · d30c4ad · vercel · Jun 21, 2023
1 parent bcc70b9
commit d30c4ad
Show file tree

Hide file tree

Showing 17 changed files with 11 additions and 941 deletions.
diff --git a/elements/a11y-media-player/demo/index.html b/elements/a11y-media-player/demo/index.html
@@ -46,7 +46,6 @@ <h1>a11y-media-player Demo</h1>
           <a11y-media-player id="example" accent-color="pink" linkable hide-transcript>
             <video crossorigin="anonymous" controls>
               <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-              <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
               <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt" default="">
               <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
               <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt">
@@ -55,40 +54,12 @@ <h1>a11y-media-player Demo</h1>
         </template>
       </demo-snippet>
 
-      <h2>Video example, dark, with no timestamps, no interactive transcript, and no search feature</h2>
-      <demo-snippet>
-        <template>
-          <a11y-media-player accent-color="teal" dark thumbnail-src="./samples/stclair.jpg" media-title="St.Clair Interview" disable-interactive disable-search hide-timestamps>
-            <video crossorigin="anonymous" controls>
-              <source src="//personal.psu.edu/lnm105/stclair.mp4" type="video/mp4">
-              <track label="English" kind="subtitles" srclang="en" src="./samples/stclair.vtt" default>
-            </video>
-          </a11y-media-player>
-        </template>
-      </demo-snippet>
-
       <h2>Video example, no preloading</h2>
       <demo-snippet>
         <template>
           <a11y-media-player accent-color="brown" preload="none">
             <video crossorigin="anonymous" controls>
               <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-              <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">   
-            </video>
-          </a11y-media-player>
-        </template>
-      </demo-snippet>
-
-      <h2>Video example, auto preloading</h2>
-      <demo-snippet>
-        <template>
-          <a11y-media-player 
-            accent-color="light-green" 
-            dark thumbnail-src="./samples/stclair.jpg" 
-            preload="auto">
-            <video crossorigin="anonymous" controls>
-              <source src="//personal.psu.edu/lnm105/stclair.mp4" type="video/mp4">
-              <track label="English" kind="subtitles" srclang="en" src="./samples/stclair.vtt" default>
             </video>
           </a11y-media-player>
         </template>
@@ -101,7 +72,6 @@ <h2>Video example, standalone, with width set with a share link enabled</h2>
             <a11y-media-player id="time-demo" accent-color="blue" linkable stand-alone width="350px">
               <video crossorigin="anonymous" controls>
                 <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-                <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
                 <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt" default>
                 <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt">
                 <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
@@ -116,7 +86,6 @@ <h2>Video example, with height (useful if iframed in) &amp; width set </h2>
             <a11y-media-player id="height-demo" accent-color="yellow" dark linkable width="480px" height="270px">
               <video crossorigin="anonymous" controls>
                 <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-                <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
                 <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt" default>
                 <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt">
                 <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
@@ -132,7 +101,6 @@ <h2>Video example, with height (useful if iframed in) only set </h2>
           <a11y-media-player id="height-demo" accent-color="yellow" dark linkable height="270px">
             <video crossorigin="anonymous" controls>
               <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-              <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
               <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt" default>
               <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt">
               <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
@@ -147,7 +115,6 @@ <h2>Video example, with dark transcript and custom microcopy</h2>
           <a11y-media-player id="spanish" accent-color="orange" dark dark-transcript lang="es">
             <video crossorigin="anonymous" controls>
               <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-              <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
               <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt" default="">
               <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
               <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt">

diff --git a/elements/grade-book/lib/grade-book-pop-up.js b/elements/grade-book/lib/grade-book-pop-up.js
@@ -118,7 +118,7 @@ class GradeBookPopUp extends I18NMixin(LitElement) {
             src="${cleanVideoSource(data)}"
             frameborder="0"
             allow="encrypted-media;"
-            allowfullscreen
+            allow="autoplay; encrypted-media; fullscreen; picture-in-picture"
           ></iframe>
         </div>`;
     } else {

diff --git a/elements/hal-9000/demo/index.html b/elements/hal-9000/demo/index.html
@@ -224,7 +224,6 @@ <h3>Basic hal-9000 demo</h3>
       <video-player id="vid2" accent-color="amber" linkable>
         <video>
           <source src="//iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4" type="video/mp4">
-          <source src="//iandevlin.github.io/mdn/video-player-with-captions/sintel-short.webm" type="video/webm">
           <track label="English" kind="subtitles" srclang="en" src="./samples/sintel-en.vtt" default="">
           <track label="Deutsch" kind="subtitles" srclang="de" src="./samples/sintel-de.vtt">
           <track label="Español" kind="subtitles" srclang="es" src="./samples/sintel-es.vtt">