我正在使用 Vuejs,我需要动态地在 DOM 中插入脚本标签,以这种方式嵌入 JWPlayer 视频:
<body>
<!-- HTML content -->
<script src="//content.jwplatform.com/players/KZVKrkFS-RcvCLj33.js"></script>
<!-- More HTML content -->
<script src="//content.jwplatform.com/players/ANOTHER-ID-ANOTHER-PLAYERID.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)
我使用没有结果:v-html指令来呈现 html 标签。以及v-bind:src但都不执行代码。我找到了这个解决方案,但它也不起作用:How to add external JS scripts to VueJS Components
我使用了这个解决方案,但脚本标签(每个视频一个)必须插入正文(而不是头部):它们应该创建 div 标签容器并嵌入视频。问题在于嵌入的 JWPlayer 文件包含一个 document.write() 语句。浏览器控制台说:“从异步加载的外部脚本调用 document.write() 被忽略了。”
有没有办法实现这一目标?