Javascript 通过DOM插入JS播放器失败

我过去使用过JavaScript媒体播放器，主要是Video.js。通常，要在页面上安装视频播放器，我会使用以下方法：

<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.7.6/video.js"></script>           
<video id="my-video" class="video-js vjs-16-9" ...>
    <source src="https://.../video.m3u8" type="application/x-mpegURL"/>
</video>

我现在遇到了这样一种情况，JavaScript函数首先需要在我的页面上运行，以确定应该播放什么媒体URL。我调用API，当它返回时，我尝试以下操作：

const app = document.getElementById('root')
var embedContents = "<link href=\"https://unpkg.com/video.js/dist/video-js.min.css\" rel=\"stylesheet\">"
embedContents = embedContents + "<script src=\"https://vjs.zencdn.net/7.7.6/video.js\"></script>"
embedContents = embedContents + "<video id=\"my-video\" class=\"video-js vjs-16-9\" ...><source src=\""
embedContents = embedContents + myURL
embedContents = embedContents + "\" type=\"application/x-mpegURL\"/></video>"
    
const embed = document.createElement('div')
embed.innerHTML = embedContents
app.appendChild(embed)

const-app=document.getElementById（'root'））
var embedContents=“”
嵌入内容=嵌入内容+“”
嵌入内容=嵌入内容+“”
const embed=document.createElement（'div'）
embed.innerHTML=嵌入内容
append.child（嵌入）

---

如果这不是正确的方法，请原谅，我对JavaScript还很陌生。一旦运行，我得到的只是页面上的一个黑框，播放器实际上不会加载。从我所做的调试来看，似乎正在提取脚本。我还尝试将

链接

和

脚本

标记放在HTML文件的

中。

我需要以更具体的方式导入脚本，如下所示：

var script = document.createElement('script');
script.src = "https://vjs.zencdn.net/7.7.6/video.js"
app.appendChild(firstScript)

然后我像以前一样使用了

div

元素的其余部分