Merge pull request #2666 from oat-sa/fix/ADF-1861/fix-autoplay-issue

fix: Prevent original test media autoplay
oat-sa · Jan 30, 2025 · 9d7b5b0 · 9d7b5b0
2 parents 2a56af6 + eb43bc8
commit 9d7b5b0
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 10 deletions.
diff --git a/views/js/loader/qtiLoader.min.js.map b/views/js/loader/qtiLoader.min.js.map
diff --git a/views/js/loader/taoQtiItem.min.js b/views/js/loader/taoQtiItem.min.js
diff --git a/views/js/loader/taoQtiItem.min.js.map b/views/js/loader/taoQtiItem.min.js.map
diff --git a/views/js/loader/taoQtiItemRunner.es5.min.js.map b/views/js/loader/taoQtiItemRunner.es5.min.js.map
diff --git a/views/js/loader/taoQtiItemRunner.min.js.map b/views/js/loader/taoQtiItemRunner.min.js.map
diff --git a/views/js/qtiCreator/plugins/panel/itemViewer.js b/views/js/qtiCreator/plugins/panel/itemViewer.js
@@ -141,11 +141,17 @@ define([
                 }
             ).then(viewer => {
                 viewer.on('ready', () => {
-                    // Force to restore the context after rendering the item.
-                    // This is needed as the editor needs to access the context of the item being edited.
-                    // Otherwise, the editor might not work properly.
-                    viewer.getRunner().on('renderitem', restoreCreatorContext);
-                    restoreCreatorContext();
+                    const preventAutoPlay = () => {
+                        $viewerContainer.find('audio, video').each((i, media) => {
+                            media.pause();
+                        });
+                        // Force to restore the context after rendering the item.
+                        // This is needed as the editor needs to access the context of the item being edited.
+                        // Otherwise, the editor might not work properly.
+                        restoreCreatorContext();
+                    };
+                    viewer.getRunner().on('renderitem', preventAutoPlay);
+                    preventAutoPlay();
                 });
             });