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

时间:2019-04-18 18:16:41

标签: vue.js jwplayer

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

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

知道.vue文件应该具有模板,脚本和样式元素,我的理解是它必须作为数据的一部分进入脚本,但是我对如何执行并在模板中调用以查看该方法感到非常困惑在浏览器中?

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

您已经发现,<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中找到。