2013-04-11 114 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可以帮助你

希望这有助于

问候。