Scorm Content showing Error initializing communications with LMS

I use 'scorm-again' javascript library in my angular 16 application to display SCORM content. SCORM API initialized successfully then I am getting an error: DisplayError, strMessage=Error initializing communications with LMS. My LMS running in localhost. always SCORM content showing in a popup window. but I am using and it should display in a parent template. rather then popup window. </p> <p>// <strong>scorm.component.ts</strong> `import { Component, OnInit } from '@angular/core'; declare var Scorm12API;</p> <p>declare global { interface Window { API: typeof Scorm12API; } }</p> <p>@Component({ selector: 'app-scorm-again-player', templateUrl: './scorm-again-player.component.html', styleUrls: ['./scorm-again-player.component.scss'] }) export class ScormAgainPlayerComponent implements OnInit { externalUrl:string = "assets/scorm/dummy_scorm/dummy_scorm/scormdriver/indexAPI.html"; </p> <p>constructor() {}</p> <p>ngOnInit() { const settings={commitUrl:'<a rel="noreferrer nofollow" target="_blank" href="http://localhost:4200">http://localhost:4200</a>'}</p> <pre><code>window.API = new Scorm12API(settings); window.API.LMSInitialize();</code></pre> <p>}</p> <p>}`</p> <p>// <strong>scorm.component.html</strong> <code><iframe [src]="externalUrl | safe" height="600" width="1000" title="" id="scormIframe"></iframe></code></p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

jcputney / scorm-again

Scorm Content showing Error initializing communications with LMS #682