Question

我已经使用videojs插件向我的ember应用添加了视频..我已经完成了 bower安装videojs-youtube和npm在我的应用程序中安装videojs-youtube。我将视频显示为弹出窗口但视频未自动播放。如何使用ember app自动播放视频..

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处寻找其他插件。

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

1 个答案: