cue (#2215)

mdn · Aug 31, 2022 · 60e59a5 · 60e59a5
1 parent 29c862c
commit 60e59a5
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/live-examples/css-examples/pseudo-element/cue.css b/live-examples/css-examples/pseudo-element/cue.css
@@ -0,0 +1,8 @@
+video {
+    width: 250px;
+}
+
+video::cue {
+    font-size: 1rem;
+    color: yellow;
+}
diff --git a/live-examples/css-examples/pseudo-element/cue.html b/live-examples/css-examples/pseudo-element/cue.html
@@ -0,0 +1,8 @@
+<video controls
+       src="/media/cc0-videos/friday.mp4">
+    <track default
+           kind="captions"
+           srclang="en"
+           src="/media/examples/friday.vtt" />
+    Sorry, your browser doesn't support embedded videos.
+</video>
diff --git a/live-examples/css-examples/pseudo-element/meta.json b/live-examples/css-examples/pseudo-element/meta.json
@@ -18,6 +18,15 @@
             "defaultTab": "css",
             "height": "tabbed-standard"
         },
+        "cue": {
+            "exampleCode": "./live-examples/css-examples/pseudo-element/cue.html",
+            "cssExampleSrc": "./live-examples/css-examples/pseudo-element/cue.css",
+            "fileName": "pseudo-element-cue.html",
+            "title": "HTML Demo: ::cue",
+            "type": "tabbed",
+            "defaultTab": "css",
+            "height": "tabbed-shorter"
+        },
         "fileSelectorButton": {
             "exampleCode": "./live-examples/css-examples/pseudo-element/file-selector-button.html",
             "cssExampleSrc": "./live-examples/css-examples/pseudo-element/file-selector-button.css",