如何正确地将 JW Player 脚本嵌入到 VueJS 中?

how to properly embed a JW Player script into VueJS?

我是 VueJS 的新手,正在尝试设置一个简单的页面并嵌入脚本以使用 JW Player 播放 HLS 视频,该脚本由 JW Player 仪表板提供<script src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.js"></script>

将该脚本嵌入 .vue 文件的正确方法是什么

知道 .vue 文件应该有模板、脚本和样式元素,我的理解是它必须作为数据的一部分进入脚本,但我很困惑如何做到这一点并在模板中调用它在浏览器中查看??

如有任何帮助,我们将不胜感激

如您所见,<script> 标签无法嵌入 Vue.js。但是,<iframe> 是一个有效的标签。 JW 平台允许您通过脚本标签或 iframe 标签嵌入视频。

改变这个:

<script src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.js"></script>

进入这个:

<iframe src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.html"></iframe>

注意 .js 变为 .html 并且 script 变为 iframe

您可能需要自定义 iframe 以适合您的使用,可以找到有关如何执行此操作的一些参考文档 here