【发布时间】: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 有问题。