視頻使用的Video.js

ember.js我試圖用ember.js和的Video.js爲我的實踐項目的一部分流視頻流視頻使用的Video.js

這是我迄今所做的：

組件/了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}}

模板/組件/視頻 - 對lay.hbs

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

路線/視頻play.js：

import Ember from 'ember'; 

export default Ember.Route.extend({ 

});

我有點新餘燼和試圖保持應用程序簡單。然而，經檢查我得到這個錯誤：

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

搞不清這個錯誤是什麼和什麼造成這個錯誤

任何幫助將不勝感激，感謝

來源

2017-01-12 Nik391

你可以把' videojs'函數調用及其'ready'內部[''didInsertElement（https://guides.emberjs.com/v2.10.0/compon已廢除/所述組分生命週期/）鉤'video'組分的方法。 – kumkanillam

我這樣做，但它仍然給了我同樣的錯誤 – Nik391

在可供選擇的有一個現有的餘燼庫，允許在燼的Video.js的使用，這裏是鏈接https://github.com/IvyApp/ivy-videojs –

我會鼓勵你沒有灰燼，這樣做是否獨立？然後嘗試在灰燼，這將是超級有用。

從他們的setup document我可以看到我們需要視頻標籤元素，它的elementId應該傳遞給videojs。我想你錯過了這一步。

您可以通過在my-video組件HBS本身寫在下面實現這一點。

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

可以提tagName和id參數，同時，包括組件

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

又讀Component life cycles

注：Components必須至少有一個破折號在他們的名字

來源

2017-01-12 06:06:50 kumkanillam

爲響應酷謝謝，[鏈接]（http://docs.videojs.com/docs/guides/setup.html）可能會有所幫助，但是，我已經使用普通的index.html玩弄視頻試過這樣想跳轉到餘燼 – Nik391

'<視頻ID ='例如-video'>'，如果你有此內部部件HBS那麼你將不會收到'供給的元件或ID無效。（videojs）'錯誤。 – kumkanillam

視頻使用的Video.js

回答

相關問題