【问题标题】:Updating src of video tag multiple times多次更新video标签的src
【发布时间】:2013-02-03 03:07:36
【问题描述】:

在一个简单的页面上,我有一个标题列表,单击任何标题都会动态更新页面上元素的 src。这工作正常......几次......然后浏览器(Safari)拒绝再更新src,在调试器中它说一些关于未能加载本地资源的信息。如果我刷新页面,它将再次开始工作,几次直到它再次停止。它似乎适用于所有其他浏览器,所以我猜这是 Safari 中的一个错误。

我只是更新了视频标签的 src 属性,然后在元素上调用“load()”。 我也尝试过每次都完全替换视频元素,但结果相同。

任何提示/解决方法?

澄清:如果我一直使用完全相同的源更新 src,使用 Safari (v6.0.2) 时仍会出现错误行为。替换 src 几次,然后浏览器突然停止接受对 src 的更新并发出无法加载本地资源的错误。

HTML 部分:

<video controls>
    <source type="video/mp4" src="videos/myvideo.mp4"/>
</video>
<button id="#buttonChangeVideo">Change video</button>

Javascript/jQuery 部分:

$('#buttonChangeVideo').click(function() {
    var $video = $('video');
    $video.attr('src', 'videos/myvideo.mp4');
    $video.get(0).load();
}); 

【问题讨论】:

  • 在同一个视频上总是失败吗?视频是否可能不再存在、格式错误或无法加载?我真的必须查看页面/代码才能进一步调试。
  • 我已经更新了原始问题并进行了澄清。我使用什么视频文件或尝试加载不同的视频都没有关系。
  • 你有没有得到这个工作?我面临同样的问题。页面第一次加载视频时会从缓存中快速加载。每次
  • 不,从来没有让它在所有平台上工作。我的结论是 Safari 有问题。

标签: html video


【解决方案1】:
<source type="text/html" src="videos/myvideo.mp4"/>

$video.attr('src', 'video/myvideo.mp4');

视频视频

之间有区别

【讨论】:

  • 这只是我的示例中的一个错字。不在实际代码中。我已经更新了示例。
  • 不应该是type="video/mp4"
  • :) 这里有太多的错别字...要点仍然是,它工作了几次然后停止在 Safari 上工作。在其他浏览器中运行良好。
  • 这个答案满意吗?如果是,请将我的回答标记为有帮助。
  • 没有。这不是这里问题的答案。
猜你喜欢
  • 1970-01-01
  • 2013-06-13
  • 2018-07-15
  • 2012-03-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多