Javascript 将脚本添加到vue模板内部

我需要像这样插入脚本

    <div data-player-id="912d05c">
  <script src="//cdn.flowplayer.com/players/7/flowplayer.async.js">
    { 
            "src": "https://s3.amazonaws.com/69693f173770c49cbb5.mp4"
    }
  </script>
</div>

添加到此

脚本
标记

编码我所拥有的内容（简化）：

但仍然不起作用：（我得到的错误如下：

SyntaxError: Unexpected token $ in JSON at position 0 flowplayer.async.js:2

您可以使用纯JavaScript安装，然后使用“mounted”方法初始化flowplayer

new Vue({
  el: "#app",
  mounted: function() {
    this.$nextTick(function() {
      // select the above element as player container
      let containerEl = document.getElementById("videocontent")

      // install flowplayer into selected container
      flowplayer(containerEl, {
        clip: {
          sources: [
            { type: "application/x-mpegurl",
              src:  "//mydomain.com/video.m3u8" },
            { type: "video/mp4",
              src:  "//mydomain.com/video.mp4" }
          ]
        }
      })
    })
  }
})

我以前有过这样的flowplayer初始化逻辑，但是adv视频有问题，在我联系flowplayer团队，他们告诉我使用这样的代码之后。。。。
flowplayerScript.onload = function(){
     return {
         "src": "https://s3.amazonaws.com/productionadgate_video/eceae5886caaf69693f173770c49cbb5.mp4"
        }
};

SyntaxError: Unexpected token $ in JSON at position 0 flowplayer.async.js:2

new Vue({
  el: "#app",
  mounted: function() {
    this.$nextTick(function() {
      // select the above element as player container
      let containerEl = document.getElementById("videocontent")

      // install flowplayer into selected container
      flowplayer(containerEl, {
        clip: {
          sources: [
            { type: "application/x-mpegurl",
              src:  "//mydomain.com/video.m3u8" },
            { type: "video/mp4",
              src:  "//mydomain.com/video.mp4" }
          ]
        }
      })
    })
  }
})