2011-09-23 87 views
2

有没有人想过将视频和音频嵌入到showoff演示文稿中的好方法?目前,我只是把视频在YouTube上,并链接到它像这样的幻灯片:在showoff演示文稿中嵌入音频/视频

!SLIDE full-page 

# My Video 
<iframe title="YouTube video player" width="640" height="410" 
src="http://www.youtube.com/embed/oHg5SJYRHA0" frameborder="0" 
allowfullscreen> 
</iframe> 

我想知道是否有人把视频和/或音频的更好/更有效的方式。

感谢您的帮助!

回答

3

您可以自己托管它并尝试利用浏览器的功能。这里有一个方法:

<video controls width="360" height="240" poster="placeholder.jpg"> 
    <source src="movie.ogv" type="video/ogg"> 
    <source src="movie.mp4" type="video/mp4"> 
    <object type="application/x-shockwave-flash" width="360" height="240" data="player.swf?file=movie.mp4"> 
    <embed flashvars="file=movie.mp4" 
      allowfullscreen="true" 
      allowscriptaccess="always" 
      id="player1" 
      name="player1" 
      src="player.swf" 
      width="480" 
      height="270" 
    /> 
    <p>You need Flash or a modern browser to view this video</p> 
    </object> 
</video> 

它会尝试在支持ogg或mp4的浏览器上利用HTML5的视频标签。如果失败了,它会尝试使用闪存(本例中我使用JW Player,但它可能是其他任何一种)。如果全部失败,它会告诉观众它需要闪光灯或现代浏览器。

希望这会有所帮助。

+0

因为这个原因,我实际上已经退出使用Showoff,并切换到创建html5幻灯片,因为它看起来更加灵活。我想要一些简单的东西,因为像其他人一样,我把我的演示文稿上传到heroku。 – Sean

+0

我一直在尝试这样的事情,但无法找到视频文件。我剥离下来这样: '<视频ID = “sampleMovie” SRC = “CNN-issues.ogv” 宽度= “900px” 对照= “真” 自动播放= “真” 类型= “视频/ OGV”> ' 我一直在看“不支持视频格式或MIME类型。”当我点击右键并选择“查看视频”或“复制视频位置”时,两个链接都不起作用。我已经尝试了视频的相对路径,以及来自〜/ home的路径。我想知道这是否与localhost/sinatra的东西有关。这有点凌驾于我的头上。任何帮助? – SteveLambert

+0

[根据开发人员](https://github.com/puppetlabs/showoff/issues/179),您需要将文件添加到src中,如下所示:''虽然这将在未来的版本中改变(请参阅链接)。 – SteveLambert