emberアプリで動画を自動再生する方法

Question

videojsプラグインを使用してemberアプリに動画を追加しました。私はこれを完了しました bower install videojs-youtubeとnpmは私のアプリにvideojs-youtubeをインストールします。 ビデオをポップアップとして表示していますが、ビデオは自動再生されません。どのように自動燃えさしのアプリを使用してビデオを再生..

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.$('#video')

最後に、ember-yラッパーが豊富で、このタイプの既存のプラグインの手動セットアップを回避します。このember-addonは、あなたが探しているものを、emberのコンテキストではあまり設定とドキュメントを少なくして行うかもしれません。他のアドオンはEmber Observerで買い物してください。