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

Question

我已经使用 videojs 插件将视频添加到我的 ember 应用程序中..我已经完成了Bower install videojs-youtube 和 npm install 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";
},

Answer 1

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

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

您设置的操作看起来不错，但由于您依赖于 jQuery 对象，因此您应该将其范围限制在组件的上下文中。在播放操作中使用 this.$()，即: this.$('#video')

最后，ember 生态系统拥有丰富的 ember-y 包装器，以避免对现有插件进行此类手动设置。这个ember-addon在 ember 的上下文中，可以用更少的设置和文档来完成您正在寻找的事情。在 Ember Observer 购买其他插件.