Ember.js 如何在余烬应用程序中自动播放视频

我已经使用videojs插件将视频添加到我的余烬应用程序中。。我已经做了 bower安装videojs youtube，npm在我的应用程序中安装videojs youtube。 我以弹出窗口的形式显示视频，但视频不是自动播放的。如何使用余烬应用程序自动播放视频

HTML:

---

在这种情况下，您可能只需要一个。如果它是一个前端插件依赖项，您可能最好使用bower，因为它将使用您可以使用的可靠文件夹结构进行安装

要包含外部bower插件，请确保将其包含在应用程序的

ember cli build.js

（）中

您设置的操作看起来不错，但是由于您依赖jQuery对象上的操作，因此应该将其范围限定到组件的上下文。在播放动作中使用

this.$（）

，即：

this.$（“#视频”）

---

最后，ember生态系统中有丰富的ember-y包装，以避免现有插件的这种手动设置。在ember的上下文中，这可能会减少设置和文档，从而实现您想要的功能。请浏览。

了解其他加载项。请编辑您的问题以格式化您的代码

<video
    id="vid1"
    class="video-js vjs-default-skin"
    controls
    width="640" height="264"
    data-setup='{"techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}], "youtube": { "iv_load_policy": 1 } }'
>
</video>

<i class="fa fa-play-circle fa-3x" aria-hidden="true" {{action 'play'}}></i>

play() {
  $('#video').modal('show');
  $("#vid1")[0].src += "&autoplay=1";
},