2013-04-11 101 views
1

我在Expressj中製作了一個使用Node.js和Jade的網站,我想嵌入視頻。我也想擁有一個能夠快速前進和後退的視頻播放器。我想知道Jade是否有能力做到這一點,因爲我到處搜索並找不到在Jade中播放視頻的一個例子。用Jade拍攝視頻

我知道HTML5有視頻標籤,但我在嘗試轉換時遇到問題,並且無法播放我的視頻。這裏是我的Jade代碼:

video(width='320', height='240', controls='controls', autoplay='autoplay') 
source(src='/movieTest.ogg', type='video/ogg') 
    object(data='/movieTest.ogg', width='320', height='240') 
    embed(width='320', height='240', src='/movieTest.ogg') 

我可以在Jade中做到這一點,還是我需要找到另一種方式? (如果你告訴我如何,超級有用)

+0

Jade只能轉換爲html,所以你可以做任何你可以用html做的事情。 html輸出是否正確?電影是否可以從domain/movieTest.ogg獲得? – 2013-04-11 14:53:13

+0

另外我很確定對象不應該在源元素內。 – 2013-04-11 14:53:43

+0

如果你正在努力讓它在Jade中工作,通過用管道啓動這條線來破壞純HTML。 – 2013-05-13 06:42:07

回答

1

你有幾件事情要解決。您的代碼沒有很好地縮進,因爲它有錯誤而不正確(注意自動播放屬性)。下面你可以看到正確的一段代碼:

video(width='320', height='240', autoplay='') 
    source(src='/video/movie.mp4', type='video/mp4') 
    source(src='/video/movie.ogg', type='video/ogg') 

影片應存放在快遞scafolding的公共文件夾。

您可以在http://audiolibros.azurewebsites.net/上看到演示。

您可以在GitHub處看到源代碼。

最後,一個偉大的工具來轉換html2jade.org可以幫助你

希望這有助於

問候。