2

非常にメディアが重いクライアント用の Web サイトを作成しているため、ロードするビデオ/オーディオ ファイルが多数あります。動画は Chrome、Firefox、IE などでは完全に読み込まれますが、Safari (Windows) では読み込まれません! 以下のコードを参照してください。

<video controls="controls" type="video/mp4">
    <source src="/malagnini/video/sample.mp4" type="video/mp4" />
    <source src="/malagnini/video/sample.ogv" type="video/ogg" />
    <source src="/malagnini/video/sample.webm" type="video/webm" />
</video>

すべての MIME タイプが既に htaccess ファイルに追加されています。

私は AJAX を使用して一部のビデオをロードしています (たとえば、ユーザーが「ビデオ タイプ」フィルタ ボタンをクリックしたとき)。そのため、各リクエストの後にビデオをロードしていますが、これには Safari に問題があることがわかっています。しかし、リクエストの前であっても、ビデオは再生されません。

私がチェックする必要がある他のボックスはありますか？(QuickTime がインストールされています。これは、Windows で Safari 経由で HTML5 ビデオを実行するために必要であることがわかっています)。

ちなみに動画の DO は iPhone で読み込みますが、読み込みにかなり時間がかかります。

4

2 に答える 2

2

これは解決されました。Safari には、src 属性が動的に変更された動画を読み込めないというバグがあります。

これを解決するには、動画要素を複製してから削除する必要があります。src パスは複製された要素に更新され、DOM にリロードされ、通常どおりロードされます。

于 2013-05-10T10:03:06.017 に答える
0

@FunnyOxymoron iPhone/iPad では、ユーザーがオブジェクト<video>をアクティブにするために再生ボタンをもう一度クリックする必要があるため、要素の複製と削除はお勧めできません。<video>正しい解決策は、src属性を置き換えることです。ちなみに、それは Safari でも機能します。ここの例を参照してください: https://stackoverflow.com/a/27284512/2079326

于 2014-12-04T01:56:06.700 に答える