add media state check

src/rebuild.ts

@@ -152,6 +152,16 @@ function buildNode(
           if (name === 'rr_height') {
             (node as HTMLElement).style.height = value;
           }
+          if (name === 'rr_mediaState') {
+            switch (value) {
+              case 'played':
+                (node as HTMLMediaElement).play();
+              case 'paused':
+                (node as HTMLMediaElement).pause();
+                break;
+              default:
+            }
+          }
         }
       }
       return node;

src/snapshot.ts

@@ -253,6 +253,12 @@ function serializeNode(
       if (tagName === 'canvas') {
         attributes.rr_dataURL = (n as HTMLCanvasElement).toDataURL();
       }
+      // media elements
+      if (tagName === 'audio' || tagName === 'video') {
+        attributes.rr_mediaState = (n as HTMLMediaElement).paused
+          ? 'paused'
+          : 'played';
+      }
       if (needBlock) {
         const { width, height } = (n as HTMLElement).getBoundingClientRect();
         attributes.rr_width = `${width}px`;