在Jade有视频

时间:2013-04-11 14:47:42

标签: html5 html5-video pug

我在Expressjs中使用Node.js和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')

我可以在翡翠中这样做,还是需要寻找其他方法? (如果你告诉我如何,那将非常有帮助)

1 个答案:

答案 0 :(得分:1)

你有几件事需要解决。您的代码缩进不正确,因为它有错误(请注意 autoplay 属性)。您可以在下面看到正确的代码:

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

视频应存储在Express scafolding中的公共文件夹中。

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

您可以在GitHub看到源代码。

最后,转换html2jade.org的一个很好的工具可以帮助你

希望这有帮助,

问候。