流星會議不與html5視頻

我想使用流星來操縱一組自定義的html5視頻控件。我的模板代碼完全由以下幾點：流星會議不與html5視頻

Template.video.created = -> 
    Session.set 'videoPlaying', false 

Template.video.events 
    'click .video-button-play': -> 
    video = $('video')[0] 
    if video.paused then video.play() else video.pause() 
    Session.set 'videoPlaying', not video.paused 

Template.video.helpers 
    isPlaying: -> 
    true

相關的HTML如下：

<div class="video-button video-button-play"> 
    {{#if isPlaying}} 
    <i class="icon-pause"></i> 
    {{else}} 
    <i class="icon-play"></i> 
    {{/if}} 
</div>

在視頻停止上述工程，並在正確的時間開始，如果我查詢會話來自它的控制檯的數據。然而，當我從助手那裏讀到會話數據的時候，所有的事情都變成了地獄 - 一些點擊沒有結果，有些重新開始播放視頻，有些則只是播放音頻。特別狂野的是，即使記錄會話如：

Template.video.helpers 
    isPlaying: -> 
    console.log Session.get('videoPlaying') 
    true

導致同樣的問題。

SOLUTION：我使用保存，並把錄像放在一個恆定區（感謝skeetmtp）嘗試和發現，使用恆定區是最好的解決方案，因爲它讓我可以繼續使用與視頻的海報。

來源

2013-03-25 David Weldon

流星正在重建整個「視頻」模板，每當videoPlaying改變，我想你的自定義HTML5視頻是在這個模板。你應該嘗試或者（如果可能）

把它放在一個單獨的模板
使用恆定區周圍的自定義HTML：http://docs.meteor.com/#constant
或者使用保存：http://docs.meteor.com/#template_preserve

無有更多關於你的html代碼的信息（特別是自定義視頻控件），我無法幫助你。

來源

2013-03-25 23:21:28

感謝您的建議 - 我現在就試試。我剛剛在我的問題結尾處添加了一些示例代碼的鏈接。 – 2013-03-25 23:28:17

'Template.video.preserve ['video']'似乎解決了這個問題，但我不得不刪除海報，這是不幸的。 – 2013-03-25 23:41:12

流星會議不與html5視頻

回答

相關問題