移动设备中的html5自动播放视频

Question

当我尝试在移动设备中打开网址时,自动播放无法使用静音属性.如何在不使用静音属性的情况下播放视频？我需要在没有点击静音按钮的情况下进行音量调制,更重要的是所有事情都可以在没有JS和Jquery的情况下工作.

Answer 1

你无法在没有黑客的情况下在iOS中实现这一点.从官方Apple WebKit文档:

从iOS 10开始,WebKit放宽了内联和自动播放政策,使这些演示成为可能,但仍然牢记网站的带宽和用户的电池.

默认情况下,WebKit将具有以下策略:

• 如果源媒体不包含音轨,则允许视频元素在没有用户手势的情况下自动播放.
• 视频静音元素也将被允许自动播放而无需用户手势.如果元素在没有用户手势的情况下获得音轨或变为非静音,则播放将暂停.

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

至于移动Chrome(Android):

默认情况下,Chrome for Android支持视频的静音自动播放.如果视频元素设置为自动播放和静音,则视频元素会自动开始播放,并且可以使用play()以偏振方式启动静音视频的播放.以前,无论静音状态如何,都必须通过用户手势启动移动设备上的播放.

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

Answer 2

<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline  oncontextmenu="return false;"  preload="auto"  id="myVideo">
        <source src="assets/video/1.mp4" type="video/mp4">
        </video>

此代码在 Ios 和 Android 手机上对我有用

Answer 3

只需defaultMuted在视频中插入内嵌即可在自动播放中启用声音.例如,

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

参考:http: //www.w3schools.com/tags/av_prop_defaultmuted.asp

Answer 4

在 Ios 上确保你没有开启节能功能。这使得视频无法播放。

Answer 5

您可以尝试这个链接，他们还提供了有关为什么进行更改的更多信息？：

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