diff --git a/tests/playback.js b/tests/playback.js
index c48a2a4e..faa1a3f5 100644
--- a/tests/playback.js
+++ b/tests/playback.js
@@ -89,18 +89,18 @@ export default class RecordingPlayer {
         this._trafficManagement = (trafficManagement === undefined) ? !realtime : trafficManagement;
 
         this._running = true;
-
-        this._queueNextPacket();
     }
 
     // _enablePlaybackMode mocks out things not required for running playback
     _enablePlaybackMode() {
+        const self = this;
         this._rfb._sock.send = () => {};
         this._rfb._sock.close = () => {};
         this._rfb._sock.flush = () => {};
         this._rfb._sock.open = function () {
             this.init();
             this._eventHandlers.open();
+            self._queueNextPacket();
         };
     }
 
diff --git a/tests/vnc_playback.html b/tests/vnc_playback.html
index d5f94428..b369078a 100644
--- a/tests/vnc_playback.html
+++ b/tests/vnc_playback.html
@@ -2,8 +2,22 @@
 <html>
     <head>
         <title>VNC Playback</title>
-        <script src="/vendor/browser-es-module-loader/dist/browser-es-module-loader.js"></script>
-        <script type="module" src="./playback.js"></script>
+        <!-- promise polyfills promises for IE11 -->
+        <script src="../vendor/promise.js"></script>
+        <!-- ES2015/ES6 modules polyfill -->
+        <script type="module">
+            window._noVNC_has_module_support = true;
+        </script>
+        <script>
+            window.addEventListener("load", function() {
+                if (window._noVNC_has_module_support) return;
+                var loader = document.createElement("script");
+                loader.src = "vendor/browser-es-module-loader/dist/browser-es-module-loader.js";
+                document.head.appendChild(loader);
+            });
+        </script>
+        <!-- actual script modules -->
+        <script type="module" src="./playback-ui.js"></script>
     </head>
     <body>
 
