我在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')
我可以在翡翠中这样做,还是需要寻找其他方法? (如果你告诉我如何,那将非常有帮助)
答案 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的一个很好的工具可以帮助你
希望这有帮助,
问候。