Add an HTML5 video tag

openzim · Feb 14, 2024 · 2b29d2b · 2b29d2b
1 parent 5e2a977
commit 2b29d2b
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 0 deletions.
diff --git a/test-website/full.html b/test-website/full.html
@@ -20,6 +20,14 @@ <h2>Audio tag</h2>
 
   <audio controls="" src="https://media.transistor.fm/14683049/22f07448.mp3"></audio>
 
+  <h2>Video tag</h2>
+
+  <video width="320" height="240" controls>
+    <source src="https://tmp.kiwix.org/ci/test-videos/khan-board-drawing/khan-board-drawing-raw.mp4" type="video/mp4">
+    <source src="https://tmp.kiwix.org/ci/test-videos/khan-board-drawing/khan-board-drawing-videomp4lowv2.webm" type="video/webm">
+    Your browser does not support the video tag.
+  </video>
+
   <h2>Instagram embed from Feb. 2024</h2>
 
   <blockquote class="instagram-media" data-instgrm-captioned

diff --git a/test-website/index.html b/test-website/index.html
@@ -21,6 +21,7 @@
     <ul>
         <li><a href="./full.html">All tests on a single page</a></li>
         <li><a href="./audio.html">HTML5 audio tag</a></li>
+        <li><a href="./video.html">HTML5 video tag</a></li>
         <li><a href="./instagram.html">Instagram</a></li>
         <li><a href="./facebook1.html">Facebook video</a></li>
         <li><a href="./facebook2.html">Facebook post</a></li>

diff --git a/test-website/video.html b/test-website/video.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Test website</title>
+  <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
+  <link rel="manifest" href="./icons/site.webmanifest">
+  <link rel="shortcut icon" href="./icons/favicon.ico">
+</head>
+
+<body>
+
+  <h2>Video tag</h2>
+
+  <video width="320" height="240" controls>
+    <source src="https://tmp.kiwix.org/ci/test-videos/khan-board-drawing/khan-board-drawing-raw.mp4" type="video/mp4">
+    <source src="https://tmp.kiwix.org/ci/test-videos/khan-board-drawing/khan-board-drawing-videomp4lowv2.webm" type="video/webm">
+    Your browser does not support the video tag.
+  </video>
+
+</body>
+
+</html>