如何正确地将 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。
我是 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。