Merge pull request #92 from basil79/no-message-when-in-iframe

fixed message when ads-manager is inside an iframe
basil79 · Feb 10, 2023 · 26d4634 · 26d4634
2 parents 05b23b1 + 983b39c
commit 26d4634
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 6 deletions.
diff --git a/dist/ads-manager.es.js b/dist/ads-manager.es.js
diff --git a/dist/ads-manager.js b/dist/ads-manager.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ads-manager",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "HTML5 Video Ads Manager based on @dailymotion/vast-client",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

diff --git a/public/iframe.html b/public/iframe.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Ads Manager</title>
+</head>
+<body>
+
+<iframe src="index.html" width="100%" height="600px"></iframe>
+
+</body>
+</html>
diff --git a/public/js/ads-manager.js b/public/js/ads-manager.js
diff --git a/src/ads-manager.js b/src/ads-manager.js
@@ -718,7 +718,21 @@ AdsManager.prototype.loadCreativeAsset = function(fileURL) {
   this._vpaidIframe.contentWindow.document.open();
   this._vpaidIframe.contentWindow.document.write(`
     <script>function sendMessage(msg) {
-    window.parent.postMessage('adm:${this._requestId}://' + JSON.stringify(msg), '*'); }
+    var postMsg = 'adm:${this._requestId}://' + JSON.stringify(msg);
+    window.parent.postMessage(postMsg, '*');
+    if(window.parent !== window) {
+        window.postMessage(postMsg,'*');
+    }
+    try {
+        if(window.parent !== window.top) {
+            window.top.postMessage(postMsg,'*');
+            for (var i = 0; i < window.top.frames.length; i++) {
+                try {
+                    window.top.frames[i].postMessage(postMsg,'*');
+                } catch(e) {}
+            }
+        }
+    } catch(e) {} }
      \x3c/script>
     <script type="text/javascript" onload="sendMessage('load')" onerror="sendMessage('error')" src="${fileURL}"> \x3c/script>
   `);