HTML5視頻可以在除Safari之外的所有瀏覽器中工作

試圖獲得一個簡單的視頻在網站的主頁上播放。我已經包含了所有三種類型的視頻，並且在Chrome，Firefox和Opera上運行良好。但沒有Safari。HTML5視頻可以在除Safari之外的所有瀏覽器中工作

網站可以在這裏看到： outoftheboxtechnology.appspot.com

<video id="my-video" playsinline class="video" muted loop autoPlay width="100%"> 
    <source src="/assets/media/six-points.webm" type="video/webm"> 
    <source src="/assets/media/six-points.mp4" type="video/mp4"> 
    <source src="/assets/media/six-points.ogg" type="video/ogg"> 
</video>

來源

2017-04-26 blurtz

你的MP4的視頻被髮送純文本。你需要配置你的服務器。 – Kaiido

的Safari 3.1+支持它（桌面）。

試試這個語法

<video src="http://example.com/path/mymovie.mp4" controls></video>

來源：https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

來源

2017-04-26 20:28:44

嗯似乎沒有工作。感謝您的回覆。我認爲語法是正確的，只是不確定它爲什麼不起作用。 – blurtz

您使用的是哪個版本的Safari？ –

您need Safari 4.0使<video>標籤的工作。也許你可以在你的網站上爲你的用戶發佈通知。一旦你符合該條件：

確保你的src（在你的情況下/assets/media/six-points.webm等）是有效的，並存在源。
確保您在您的Safari中打開Web Inspector並檢查標記是否正確放置在DOM中的。

例子：

<section> 
 
    <video id="my-video" playsinline class="video" muted loop autoPlay width="100%"> 
 
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> 
 
    </video> 
 
</section>

來源

2017-04-26 20:40:44

我正在使用Safari 10.0.3，它不工作。 – blurtz

@blurtz你可以試試我的代碼，如果它不起作用，你能呈現整個HTML文檔嗎？ –

HTML5視頻可以在除Safari之外的所有瀏覽器中工作

回答

相關問題