mediaelement.js 自动播放在移动设备上不起作用 [重复]答案

【问题标题】：mediaelement.js autoplay doesn't work on mobile devices [duplicate]mediaelement.js 自动播放在移动设备上不起作用 [重复]
【发布时间】：2016-07-26 13:42:34
【问题描述】：

我正在使用mediaelement.js 显示视频。我正在使用此代码：

<body>
<video id="player1" style="width: 100%; height: 100%;" preload="auto" autoplay="true" src="video.mp4"/>

<script>
    $('video').mediaelementplayer({
        features: ['playpause', 'progress', 'current', 'duration', 'tracks', 'volume', 'fullscreen'],
    });

    var player = new MediaElementPlayer('player1');
    player.play();
</script>
</body>

当页面加载时，我想自动启动视频。这在桌面浏览器中运行良好，但在移动浏览器中视频不会自动播放。

我做错了什么？

【问题讨论】：

您现在需要一个用户初始化的事件来播放（）移动设备上的媒体。您可以使用清晰的 div 来欺骗用户触摸它以将 click() 事件链接到 play() 调用中，但如果用户不触摸 something则无法 play() >

标签： javascript mediaelement.js

【解决方案1】：

只要把autoplay muted这样写：

<video id="video" class="video" autoplay muted />

它将为每个视频激活自动播放。

【讨论】：