別のリンクをクリックすると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>