無法在Safari瀏覽器中播放html5視頻..！

我的標記是無法在Safari瀏覽器中播放html5視頻..！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Home Page</title> 
     <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery.flexslider.js"></script> 


</head> 
<body> 
<div id="slider1"> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li class="list" data-video="vid/scene1.mov"> 
       <video width="100%" height="100%" preload poster="images/white.jpg"> 

        <source src="vid/scene1.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 


      </li> 
      <li class="list" data-video="vid/scene2.mov"> 
       <video width="100%" height="100%" preload poster="images/white.jpg"> 

        <source src="vid/scene2.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 

      </li> 
      <li class="list" data-video="vid/scene3.mov"> 
       <video width="100%" height="100%" preload poster="images/white.jpg"> 

        <source src="vid/scene3.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 

      </li> 
      <li class="list" data-video="vid/scene4.mov"> 
       <video width="100%" height="100%" preload poster="images/white.jpg"> 

        <source src="vid/scene4.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 

      </li> 
      <li class="list" data-video="vid/scene5.mov"> 
       <video width="100%" height="100%" preload poster="images/white.jpg"> 

        <source src="vid/scene5.mp4" type="video/mp4"> 
        Your browser does not support the video tag. 
       </video> 

      </li> 
     </ul> 
    </div> 

</div> 



<script type="text/javascript" charset="utf-8"> 

    $(window).load(function() { 

     $('.flexslider').flexslider({ 
      start:animation, 
      after:animation 


     }); 


    }); 
    function animation(slider){ 
     var myVideo=$('.flex-active-slide video').get(0); 
     myVideo.playbackRate=1.0; 
     myVideo.play(); 

    } 




</script> 
</body> 
</html>

我已經將我最初的電影文件，使用一些免費的轉換器在線.MP4。我可以在quicktime播放器中播放，但無法在Safari瀏覽器上播放。我曾嘗試使用各種格式.ogg，.webm但未通過。請建議適當的方式，也是影片中的所有其他瀏覽器玩精器（Chrome，火狐）

來源

2014-04-01 Pawan Kalyan

一對夫婦的事情，你可以嘗試：

我可以看到你想自動播放頁面加載時的視頻。因此，如果您嘗試在iOS上觀看視頻，它將無法播放，因爲Apple只允許用戶交互回放（如觸摸事件）。你可以閱讀there瞭解更多信息。
如果它在Safari桌面上不起作用，那麼它可能是您的MP4託管服務器上的MIME/TYPE問題。您可以開始閱讀here或Google瞭解更多信息。我會嘗試在Chrome中使用mp4播放簡單的HTML5視頻標籤來排除此問題。如果它在Chrome中播放，那麼它不是MIME/TYPE服務器問題。
擁有HTML5文檔類型也有助於：<!doctype html>
Safari不會播放.webm或.ogg視頻文件。您應該堅持使用Safari的mp4。如果這是一個編碼問題，試試像手剎這樣的軟件可以解決你的問題。
此外，您還需要安裝最新版本的Safari和Quicktime才能播放HTML5視頻，以便更新或全新安裝可以解決您的問題。

我希望這可以讓你在正確的方向。

感謝

來源

2014-04-01 21:55:37

在內容遞送到Safari瀏覽器，我們已經發現，瀏覽器，在注意到多媒體內容下載，會先發送一個額外的要求，其中包括一個Content-Range頭，到網上服務器來確定要傳送的內容的大小。如果服務器沒有正確響應，瀏覽器將不會下載並播放內容。這個額外的請求/響應是在HTML規範中定義的，但不是必需的。

根據我們的經驗，這適用於Mac上的Safari以及我們在iPad上測試的任何瀏覽器。但是，即使沒有瀏覽器和服務器之間的額外交換，Safari for Windows似乎仍然可以正常工作。

如果這是您所看到的問題，播放器控件將顯示在瀏覽器窗口中，但內容永遠不會開始播放。沒有錯誤或其他信息，只是一個空白的球員控制。

在這種情況下，您需要查看服務器的答案。如果服務器是您的，就像我們一樣，您需要添加這個附加片段來響應瀏覽器對媒體大小的請求，即響應瀏覽器請求中的Content-Range標頭。如果服務器來自其他人，請詢問他們是否支持這一點。再次，根據我們的經驗，並非所有服務器都這樣做

來源

2014-04-13 02:42:00 dacDave

無法在Safari瀏覽器中播放html5視頻..！

回答

相關問題