JQuery jPlayer自动播放在ipad上不起作用如何显示控件

我使用jPlayer在网页上播放视频，使其与桌面浏览器和iPad兼容

我正在使用以下代码

$("#jquery_videoPlayer").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            m4v: _mp4url,
            ogv: _oggurl,
            webmv: _webmurl,
            flv:_url
        }).jPlayer("play");
    },
    swfPath: "../js",
    supplied: "m4v, webmv, ogv, flv",
    preload:"auto",
    loop:true,
    solution: "html, flash",
    size: {
        width: "256px",
        height: "240px"
    }
});

它在所有浏览器上都能正常工作，但因为iPad不允许自动播放我需要在视频上显示的播放按钮（HTML5）

我在文档中找不到任何选项

有人能帮我修改一下代码，在jPlayer视频上显示HTML5播放按钮吗

---

感谢您的帮助。

您将无法从$（document）.ready（）或jPlayer的ready事件播放视频。IOS特别防止它：

好消息是，在加载页面并且用户确实单击了某些内容之后，您可以随心所欲地播放。如果包含视频的页面不是用户将在您的站点上点击的第一个页面，那么您可以将此视频添加到上一页面的隐藏div中。当用户单击时，显示隐藏的div并在那里播放，而不是在新页面上自动播放视频

如果您只需要找到一种方式为特定用户播放，您可以使用不同的浏览器。例如，iswifterflashweb浏览器将jPlayer置于swf模式，并执行自动播放。但它还有其他一些古怪的行为，似乎是针对flash玩家的

---

如果您需要在safari和大多数其他可选IOS浏览器上使用它，那么您需要稍微更改您的工作流程

我使用以下方法仅在ipad上显示视频控件

var platformInfo=uaPlatform（navigator.userAgent）； if（platformInfo.platform.toLowerCase（）=“ipad”| | platformInfo.tablet.toLowerCase（）=“ipad”）{ $（“#jquery_videoPlayer”）.jPlayer（“选项”，“nativeVideoControls”，{all:/./}）；

---

}

您需要在点击或触摸事件中初始化jPlayer

// Note on the iPad you may want to use "touchstart" instead.
$('.play-button').on('click', function() {
    jplayer = $("#jplayer").jPlayer({
      swfPath: "http://f.ordify.net/assets/Jplayer.swf",
      ready: function () {
        $(this).jPlayer("setMedia", {
          mp3: "http://f.ordify.net/audio/alarm.mp3"
          });
      },
      solution: "html, flash",
      supplied: "mp3",
      preload: "auto"
    });
  }
})
setTimeout(function() { jplayer.jPlayer("play"); }, 5000);

---

nativeVideoControls

是一个包含多个正则表达式值的对象，与浏览器的用户代理匹配。将此添加到您的选项中。这里有一些例子

nativeVideoControls: {
  ipad: /ipad/,
  iphone: /iphone/,
  android: /android/,
  blackberry: /blackberry/,
  iemobile: /iemobile/
},