html5自動播放視頻在移動設備

自動播放不工作沒有靜音屬性，當我嘗試打開移動設備中的網址。如何播放視頻而不使用靜音屬性？我需要音量沒有點擊靜音按鈕，還有一件更重要的事情是，所有的東西將工作沒有JS和Jquery。 html5自動播放視頻在移動設備

來源

2017-02-10 Sawan mishra

檢查這一個也爲自動播放視頻：鏈接：http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap

我檢查你給定的鏈接，但它是隻工作桌面，當我在移動設備上打開，然後視頻被圖像取代。我也嘗試你的代碼，但這是行不通的 –

嘗試這一環節還他們提供關於爲什麼要改變？：

https://developers.google.com/web/updates/2016/07/autoplay

來源

2017-02-10 13:50:20 swap

其簡單的看代碼的詳細信息：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Example movie autoplay</title> 
    <meta charset="UTF-8">     
</head> 
<body> 
    <video autoplay muted> 
     <source src="midia/video.mp4" type="video/mp4"> 
     <source src="midia/video.webm" type="video/webm"> 
    </video> 
</body> 
</html>

您需要檢查瀏覽器和支持的格式。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#Browser_compatibility

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

來源

2017-02-10 14:04:29

您將無法在iOS中實現這一點沒有黑客。從蘋果官方的WebKit文檔：

在iOS的10起，WebKit的放鬆它的內聯和自動播放的政策使這些陳述可能的，但要注意網站的帶寬和用戶的電池仍然保持。

默認情況下，WebKit的將有以下策略：

視頻元素將被允許在沒有用戶的手勢，如果他們的源媒體不包含音軌自動播放。

視頻靜音元素也將被允許在沒有用戶手勢的情況下自動播放。如果某個元素獲得音軌或在沒有用戶手勢的情況下取消靜音，則播放將暫停。

https://webkit.org/blog/6784/new-video-policies-for-ios/

用於移動瀏覽器（Android版）：

視頻靜音自動播放由Android版Chrome支持如53 版本播放將自動爲視頻啓動元素一次它進入視圖如果自動播放和靜音都設置爲，並且播放的靜音視頻可以啓動progamat玩（）。以前，移動設備上的回放必須由用戶手勢啓動，無論處於靜音狀態的。

https://developers.google.com/web/updates/2016/07/autoplay

來源

2017-02-10 14:16:08

在iPhone上，只有在添加'playsinline'屬性後，'autoplay muted'才能爲我工作 – adamboro

只需提供defaultMuted在線與您的視頻啓用自動播放聲音。例如，

<video id="myVideo" defaultMuted autoplay controls> 
    <source src="myVideo.mp4" type="video/mp4"> 
</video>

參考： http://www.w3schools.com/tags/av_prop_defaultmuted.asp

來源

2017-02-10 14:23:29 bowl0stu

我真的不能做出任何意義，但這種管理在iOS Safari和Firefox（沒有測試Android設備）工作：

<video playsinline autoplay muted loop id="DemoReel2018"> 
<source src="resources/AgsVision_backgroundMovie.mp4" type="video/mp4"> 
</video>

...事情是，它只有在我設定的視工作：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如果有人能真正解釋爲什麼會發生，我真的很想知道。否則...敬請期待更多古怪的東西:)）

來源

2018-01-10 19:20:22 Nelu

html5自動播放視頻在移動設備

回答

相關問題