0

シンプルなページにタイトルのリストがあり、タイトルをクリックすると、ページ上の要素の 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();
});
4

1 に答える 1

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

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

ビデオとビデオには違いがあります

于 2013-02-02T18:32:02.087 に答える