我已经使用 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";
},
最佳答案
在这种情况下,您可能只需要一个。如果它是前端插件依赖项,您可能最好使用 Bower,因为它将使用您可以使用的可靠文件夹结构进行安装。
要包含外部 Bower 插件,请确保将其包含在应用程序的 ember-cli-build.js
( instructions ) 中。
您设置的操作看起来不错,但由于您依赖于 jQuery 对象,因此您应该将其范围限制在组件的上下文中。在播放操作中使用 this.$()
,即: this.$('#video')
最后,ember 生态系统拥有丰富的 ember-y 包装器,以避免对现有插件进行此类手动设置。这个ember-addon在 ember 的上下文中,可以用更少的设置和文档来完成您正在寻找的事情。在 Ember Observer 购买其他插件.
关于ember.js - 如何在 ember 应用程序中自动播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43190871/