问通过DOM插入JS播放器失败
EN

Stack Overflow用户

提问于 2020-11-24 04:35:23

回答 1查看 25关注 0票数 0

我过去使用过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)

如果这不是正确的方式，请原谅我，我是JavaScript的新手。一旦运行，我得到的只是页面上的一个黑匣子，播放机实际上不会加载。从我所做的调试来看，脚本似乎正在被获取。我还尝试将link和script标记放置在script文件的<head>中。

javascript

dom

回答 1

Stack Overflow用户

发布于 2020-11-24 06:41:36

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

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

然后，我像以前一样使用了div元素的其余部分。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64980310

复制

相似问题

问通过DOM插入JS播放器失败
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过DOM插入JS播放器失败EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过DOM插入JS播放器失败
EN