我使用的是https://github.com/2fdevs/videogular,開箱即用,效果很好,具體而言。與視頻指示互動 - 如何操作?
<videogular vg-width="videoWidth" vg-height="videoHeight" >
<video class='videoPlayer' ng-model="currentVideo">
<source ng-src='{{currentVideo.videoLocation}}' test="{{currentVideo}}" type='video/ogg'></source>
</video>
</videogular>
我不確定我會怎麼說,因爲自動播放不是真的,讓視頻播放以編程方式? 我知道我可以在我的控制器中包含上述標記,請撥打angular.element()
,然後撥打.play()
,但從我看過的內容看起來不對。我不應該在任何控制器內調用angular.element()
。
我該怎麼辦?我應該創建一個這樣的指令嗎?哪裏是把爲「打」和「暫停」的視頻(FWI,我想有個屏幕的視頻,一旦第一結束了,做幾件事情,然後播放第二)邏輯的最佳地點。
正如你說你不應該做任何DOM操作的控制器,而這應該在一個指令,處理根據您的情況,什麼videogular提供它可能是最容易創造一個「插件」爲videogular,修改現有的視頻指令(這裏的問題是您必須合併您的更改以更新到新版本)或創建自己的指令,該指令使用「require」從視頻中獲取控制器。 – shaunhusain