From 90e1d4f5457599d72c2601513c730b54e4781aed Mon Sep 17 00:00:00 2001 From: Timothy Flynn Date: Sat, 8 Apr 2023 09:18:09 -0400 Subject: [PATCH] Base: Add playback state data to the video test page --- Base/res/html/misc/video-webm.html | 88 ++++++++++++++++++++---------- 1 file changed, 59 insertions(+), 29 deletions(-) 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
IDnull
Is Selectedfalse
Duration0 seconds
Width0px
Height0px
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Metadata
IDnull
Is Selectedfalse
Width0px
Height0px
+ + + + + + + + + + + + + + + + + +
Playback State
Duration0 seconds
Play Statepaused
+

@@ -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'; + });