2012-01-16 7 views
1

別のリンクをクリックするとHTML5ビデオが変更されます(下記のコードを参照)。それはSafari以外のすべてのブラウザで動作します。初期の動画はすべてのブラウザで再生できますが、Safariでビデオを切り替えることはできません。私がように変更した場合:HTML5 - Safariで動作しないビデオソースを変更する

<script> 
function loadAnotherVideo() { 
    var video = document.getElementsByTagName('video')[0]; 
    video.src="HTML5 MOVREV.m4v"; 
    video.load(); // need this for the new video to load 
} 
function loadAnotherVideo2() { 
    var video = document.getElementsByTagName('video')[0]; 
    video.src="HTML5 MOV.m4v"; 
    video.load(); // need this for the new video to load 
} 
</script> 

をそれはMP4以来、Safariでのみ動作しますが、Safariで意味とにかくその間違っている一方で流暢にビデオを切り替えていません。

Safariでmp4が表示されない以下の機能と関係することがあります。

CODE:(すべてのブラウザで作業していて、Safariの)すべてのブラウザで

<div id="VIDEOONE"> <video controls="controls" width="852" height="479"> 
<source src="HTML5 MOV.m4v" type="video/mp4"> 
<source src="HTML5 MOV.theora.ogv" type="video/ogg"> 
video not supported 
</video> 
<script> 
function loadAnotherVideo() { 
    var video = document.getElementsByTagName('video')[0]; 
    var sources = video.getElementsByTagName('source'); 
    sources[0].src = "HTML5 MOVREV.m4v"; 
    sources[1].src = "HTML5 MOVREV.theora.ogv"; 
    video.load(); // need this for the new video to load 
} 
function loadAnotherVideo2() { 
    var video = document.getElementsByTagName('video')[0]; 
    var sources = video.getElementsByTagName('source'); 
    sources[0].src = "HTML5 MOV.m4v"; 
    sources[1].src = "HTML5 MOV.theora.ogv"; 
    video.load(); // need this for the new video to load 
} 
</script> 
<input type="button" value="video two" 
     onclick="loadAnotherVideo()"> 

<input type="button" value="video one" 
     onclick="loadAnotherVideo2()"></div> 

答えて

0

作品?ビデオノード内にSOURCEノードがある場合、AFAIK IE9はsrc()関数を介してビデオを切り替えることができません。

また、m4vはFirefoxとOperaでは再生されません。ビデオを切り替えたい場合は、SOURCEノードを失い、最初からcanPlayType()を使用することをお勧めします。ビデオ。 (Android 2.2はhtml5のビデオを知っていますが、その機能を実装していないことに注意してください - あなたに関連する場合にはそのユーザエージェントを介してそのデバイスが見つかる場合、実装する必要があります。

エラーの原因になる可能性のあるファイル名にはスペースを使用しないでください。 Chrome/FF/[...]はLinux/Windows/Macで同じではありません

最後に、どうしてですか? mp4の代わりにm4vを使用していますか? M4Vは、html5プレーヤーがとにかく読むことができないファイル内に章情報を含める場合にのみ必要です。 M4Vは、チャプター情報と共にiTunes互換デバイスにのみ必要です。

関連する問題