視頻.mp4不會顯示在任何瀏覽器

我試圖讓存儲在我的本地驅動器上的視頻在即時製作的網頁上播放。我試過在三個瀏覽器中打開該頁面，但它從不顯示（更喜歡Chrome）。我已經使用chrome直接運行了視頻（mp4），它們都能正常工作。所以這不是一個支持問題。下面我附加了我的HTML和JS。有CSS與此相關，但我不明白爲什麼會導致任何播放問題。我已經呆了好幾個小時了，現在相當卡住了。此外，我使用Aptana進行開發並從那裏運行它。視頻.mp4不會顯示在任何瀏覽器

下面是完整的代碼，如果有人想看一看：http://jsfiddle.net/pGzTR/

這是我使用的HTML：

<section id="main_section"> 
    <video id="myMovie" width="320" height="180"> 
     <source scr="a1/db.mp4"/> 
    </video> 
    <nav id="video_nav"> 
     <div id="buttons"> 
      <button type="button" id="playButton">Play</button> 
     </div> 
     <div id="defaultBar"> 
      <div id="progressBar"></div> 
     </div> 
     <div style="clear: both"></div> 
    </nav>       
</section>

SCR = 「A1/db.mp4」這是引用html和視頻文件所在的文件夾。

這是使用功能

function doFirst(){ 
    barSize = 600; 
    myMovie = document.getElementById('myMovie'); 
    playButton = document.getElementById('playButton'); 
    bar = document.getElementById('defaultBar'); 
    progressBar = document.getElementById('progressBar'); 
    playButton.addEventListener('click', playOrPause, false); 
    bar.addEventListener('click', clickBar, false); 

} 
function playOrPause(){ 
     if(!myMovie.paused && !myMovie.ended){ 
     myMovie.pause(); 
     playButton.innerHTML='Play'; 
     window.clearInterval(updateBar); 
    }else{ 
     myMovie.play(); 
     playButton.innerHTML='Pause'; 
     updateBar=setInterval(update, 700) 
    } 
} 
function update(){ 
    if(!myMovie.ended){ 
     size = parseInt((myMovie.currentTime*barSize)/myMovie.duration); 
     progressBar.style.width = size +'px'; 
    }else{ 
     progressBar.style.width='0px'; 
     playButton.innerHTML='Play'; 
     window.clearInterval(updateBar); 
    } 
} 
function clickBar(e){ 
    if(!myMovie.paused && !myMovie.ended){ 
     mouseX=e.pageX-bar.offsetLeft; 
     newTime=mouseX*myMovie.duration/barSize; 
     myMovie.currentTime=newTime; 
     progressBar.style.width=mouseX+'px'; 
    } 
} 

window.addEventListener('load',doFirst,false);

來源

2013-02-03 Batman

請確定您已經添加了.MP4MIME型IIS或任何服務，您正在使用託管的網站的JavaScript IM。

編輯：

請確保MP4文件路徑是正確的。在查看截圖後，這對我來說似乎是個問題。

來源

2013-02-03 07:38:56 Ankit

該文件不在任何地方。它是本地和即時通訊使用Aptana作爲我的IDE – Batman

請參閱此鏈接在APTANA中添加MIME類型https://jira.appcelerator.org/browse/APSTUD-3984 – Ankit

我不太確定如何處理這個沒有說明。另外真正煩人的是，我有另一個引用相同視頻的文件（存儲在不同的文件夾中），它工作正常。所以我不認爲問題是Aptana MIME類型。 http://jumpshare.com/v/oI9lmV?b=77Z7id右邊那個工作，左邊不工作。真的很煩人。 – Batman

您需要在<source>標記中定義視頻的MIME類型。

<source src="vid.mp4" type="video/mp4"></source>

來源

2013-02-03 07:55:58 Licson

我找出正在做的事情。路徑錯了。默認路徑已經是a1。所以當我把a1/db.mp4的完整路徑變成a1/a1/db.mp4 – Batman

視頻.mp4不會顯示在任何瀏覽器

回答

相關問題