diff --git a/Base/res/html/misc/video-webm.html b/Base/res/html/misc/video-webm.html
index a155c63833..c9706e304d 100644
--- a/Base/res/html/misc/video-webm.html
+++ b/Base/res/html/misc/video-webm.html
@@ -14,38 +14,58 @@
background-color: #333333;
color: #ffffff;
}
+
+ .horizontal > * {
+ display: inline-block;
+ }
-
-
-
- | Metadata |
-
-
-
-
- | ID |
- null |
-
-
- | Is Selected |
- false |
-
-
- | Duration |
- 0 seconds |
-
-
- | Width |
- 0px |
-
-
- | Height |
- 0px |
-
-
-
+
+
+
+
+ | Metadata |
+
+
+
+
+ | ID |
+ null |
+
+
+ | Is Selected |
+ false |
+
+
+ | Width |
+ 0px |
+
+
+ | Height |
+ 0px |
+
+
+
+
+
+
+
+ | Playback State |
+
+
+
+
+ | Duration |
+ 0 seconds |
+
+
+ | Play State |
+ paused |
+
+
+
+
@@ -67,6 +87,16 @@
document.getElementById('width').textContent = `${video.videoWidth}px`;
document.getElementById('height').textContent = `${video.videoHeight}px`;
});
+
+ video.addEventListener('playing', () => {
+ document.getElementById('state').textContent = 'playing';
+ });
+ video.addEventListener('waiting', () => {
+ document.getElementById('state').textContent = 'waiting';
+ });
+ video.addEventListener('pause', () => {
+ document.getElementById('state').textContent = 'paused';
+ });