HTML5 - 更改視頻源在Safari中不起作用

點擊不同鏈接後，我點擊了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>

它只能在Safari瀏覽器，因爲它的MP4，但不流利切換視頻，而在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>

來源

2012-01-16 Corey Evans

作品在所有瀏覽器？ AFAIK如果視頻節點中有SOURCE節點，IE9無法通過src（）函數切換視頻。另外，m4v不會在Firefox和Opera中播放 - 如果您想切換視頻，根據我的經驗，丟失SOURCE節點是明智的做法，而應該從頭開始使用canPlayType（），即使是初始化視頻。（請注意，Android 2.2知道html5視頻，但沒有實現該功能 - >如果通過用戶代理找到該設備（如果該設備與您有關），則必須實現該功能。有關示例代碼，請參閱mediaelement.js）

你不應該在文件名中使用空格，因爲那些空格也會導致錯誤。您可能無法在所有常見瀏覽器和操作系統上檢查您的播放器 - > Chrome/FF/[...]在Linux/Windows/Mac上不是一樣的最後但不是最不重要你是用m4v代替mp4嗎？只有在文件中包含章節信息時才需要M4V，而html5播放器無法讀取。 M4V僅適用於iTunes兼容設備以及章節信息。

來源

2012-01-17 11:35:42

HTML5 - 更改視頻源在Safari中不起作用

回答

相關問題