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自动播放视频在移动设备

回答

相关问题