ASP.NET MVC/Javascript：VideoJS媒體無法加載

我最初開始嘗試使用HTML <video>元素來播放所有（我們希望幾乎所有）mp4視頻。我很快意識到，mp4的實際上並不是視頻編碼，實際上只不過是視頻編碼的包裝。這導致我嘗試使用更高級的控制（在這種情況下爲VideoJS），但我仍然在播放mp4視頻時遇到問題。我videojs控制如下所示：ASP.NET MVC/Javascript：VideoJS媒體無法加載

<section> 
    <video id="videoPlayer" style="margin-top:30px" width="480" height="204" controls class="video-js vjs-default-skin"> 
    <source src='@Url.Content("~/Content/AudioAssets/toystory.mp4")' type="video/mp4"> 
    </video> 
    <div id="bar" style="background: linear-gradient(to right, rgb(85, 0, 0) 7.60904%, rgb(0, 0, 0) 7.60904%);" class="bar"></div> 
</section>

我有一個事件處理程序捆綁在如下所示：

videojs("videoPlayer", {}, function(){ 
    //do some work unassociated with video control 
    });

缺少什麼我在這裏？我已閱讀文檔和其他示例看起來非常相似。請注意，我可以導航到Windows資源管理器中的文件，併成功播放它沒有問題。

在我收到的Chrome調試器的控制檯錯誤是：

VIDEOJS: ERROR: ((CODE: 4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported

所有幫助表示讚賞。

來源

2017-01-24 GregH

檢查mp4的MIME類型是否已添加到您的服務器？ – Curiousdev

是的，它有。在我的網絡配置我有'' – GregH

Ohkkk比嘗試將此添加到IIS服務器我已經提到的步驟在我的答案 – Curiousdev

下面的步驟請遵循IIS服務器

1）將MIME類型選擇站點在IIS配置，右鍵單擊並選擇在HTTP頭選項卡「屬性」

2），選擇「文件類型「在MIME映射部分下選擇」新類型「

3）鍵入」.flv「作爲關聯的擴展名，」video/x-flv「作爲內容類型或」flv-application/octet-stream「I我不確定這是誰給的。

4）.mp4文件類型」約會專家「的延伸和」視頻/ MP4「作爲MIME類型（這一個我親自測試）

4）選擇」OK「，

5）鍵入services.msc，找到「萬維網發佈服務」，並點擊頂部的重新啓動圖標或打開並選擇重新啓動

您還可以添加到webconfig如下

<configuration> 
    <system.webServer> 
     <staticContent> 
      <mimeMap fileExtension=".mp4" mimeType="video/mp4" /> 
     </staticContent> 
    </system.webServer> 
</configuration>

來源

2017-01-24 18:59:14 Curiousdev

我很欣賞你的時間，但是我已經添加了mime類型。請參閱我的原始帖子的評論部分 – GregH

ASP.NET MVC/Javascript：VideoJS媒體無法加載

回答

相關問題