Question

在一个简单的页面上我有一个标题列表，点击任何标题将动态更新页面上元素的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();
});

Answer 1

<source type="text/html" src="videos/myvideo.mp4"/>

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

视频与视频

之间存在差异

多次更新视频标签的src

1 个答案: