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

我已使用videojs插件将视频添加到 Ember 应用程序中。
凉亭在我的应用中安装videojs-youtube和npm安装videojs-youtube。
我将视频显示为弹出窗口，但视频不会自动播放。如何使用 Ember 应用程序自动播放视频。

HTML:

<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>

JavaScript:

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

最佳答案

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

对于要包含的外部Bower插件，请确保将其包含在应用程序的ember-cli-build.js(instructions)中。

设置的动作看起来不错，但是由于您依靠的是jQuery对象，因此应将其范围限定在组件的上下文中。在播放动作中，使用this.$()，即:this.$('#video')
最后，ember生态系统具有ember-y包装器，可避免现有插件的这种手动设置。这个ember-addon可能会完成您想要的事情，而在ember上下文中却需要更少的设置和文档。在Ember Observer到处购物，寻找其他插件。