如何在一个页面中两次包含相同的HTML5视频?

时间:2013-07-04 18:40:08

标签: html5-video

我希望将整个HTML5视频包含在一个位置,然后将同一视频的一部分放在同一页面的较低位置。此缩写语法适用于1:01至3:51的视频部分。

    <video>
    <source src="foo.mp4#t=61,231" type="video/mp4" width="640" height="360"/>
    </video>

但第一个视频正常显示,第二个较短的视频使用相同的来源似乎无法加载并显示为小型黑色视频播放器。但是在第二页中加载第二个较短的视频可以正常工作。

是否可以加载完整视频,然后在同一页面上加载一部分?

感谢。

这在Linux Firefox 22.0中运行良好,但在Linux Chromium 28.0中存在上述问题

2 个答案:

答案 0 :(得分:0)

好的,我有同样的问题,但我甚至没有尝试在不同的时间启动一个视频。我只想在一个页面上两次包括两部相同的大电影。一个加载,或另一个,但不是两个。我尝试复制电影并将其命名为movie2并将其包含在代码中。这样可行。它的丑陋,所以我试图制作一个符号链接,而不是复制电影。这确实有效:

ln -s movie.mp4 movie2.mp4

因此,只要您的代码具有两个不同的名称,它们都会加载。但在服务器端它只有一个文件和一个符号链接。这是一种解决方法,所以我想知道是否存在错误或其他问题。我的Chrome是28.0.1500.95

答案 1 :(得分:0)

我想在第二个视频src的末尾添加查询字符串 - 例如?1 - 会强制浏览器在Chrome中再次下载文件

  

SRC =&#34; foo.mp4 1&#34;