ビデオは私の練習のプロジェクトの一環として、私はember.jsとにVideo.jsを使用してビデオをストリーミングしようとしていますにVideo.js

Question

を使用して

これは私がこれまでにやっていることです：

コンポーネント/にVideo.js：

import Ember from 'ember'; 
import videojs from 'videojs'; 

export default Ember.Component.extend({ 
    player: videojs('example-video'), 

    x: this.get("player").ready(function() { 
    this.get("player").src({ 
    src: 'http://techslides.com/demos/sample-videos/small.mp4', 
    type: 'video/mp4' 
    }).play(); 

    }), 
}); 

テンプレート/コンポーネント/ video.hbs：

{{yield}} 

テンプレート/コンポーネント/ビデオ-P lay.hbs

<h1>play video</h1> 
    <p> 
     {{video}} 
    </p> 

ルート/ビデオ-play.js：

import Ember from 'ember'; 

export default Ember.Route.extend({ 

}); 

私は一種の新しい燃えさしに午前のアプリをシンプルにしようとしています。しかし、検査時に私はこのエラーを取得する：すべてのヘルプは非常に私があなたを励ます、 おかげ

Answer 1

をいただければ幸いです何このエラーがあると何このエラーに

を引き起こし

The element or ID supplied is not valid. (videojs) 

かなり確実ではありませんこれはエバーがなければ単独で行うのですか？そしてそれは非常に役立つだろうemberでそれを試してください。

setup document私はビデオタグ要素が必要であり、その要素IDはvideojsに渡す必要があることがわかります。私はあなたがこのステップを逃したと思う。

これは、my-videoコンポーネントhbs自体に以下を書き込むことで実現できます。

<video id="my-video"> 
    <source src="http://techslides.com/demos/sample-videos/small.mp4"> 
</video> 

含むコンポーネント

{{my-video tagName='video' id="my-video"}} 

はまたComponent life cycles

注読みながら、あなたがtagNameとid引数を挙げることができる：Componentsは `あなたが置くことができ、その名前に少なくとも1つのダッシュ