Видео jPlayer не воспроизводится на iPad

Я использую jPlayer для воспроизведения видео на своем веб-сайте.

Он отлично работает во всех браузерах, таких как Firefox, Safari, Chrome, IE7-10, но не на iPad.

Всякий раз, когда я нажимаю кнопку воспроизведения, он начинается и сразу останавливается.

Вот код

$(document).ready(function() {
    var this_webmv = "";
    var this_mp4 = "";
    var this_poster = "";
    $("a[video_path]").click(function() {
        this_webmv = "http://video.shaklee.jp/BusinessTools/" + $(this).attr("video_path") + ".webm";
        this_mp4 = "http://video.shaklee.jp/BusinessTools/" + $(this).attr("video_path") + ".mp4";
        this_poster = "https://content.shaklee.jp/images/member/" + $(this).attr("video_path") + "_poster.jpg";
        var title = $(this).find("b").html();
        $("#videoTitle").html(title);
        $("#jquery_jplayer_1").jPlayer("setMedia", {
            webmv: this_webmv,
            m4v: this_mp4,
            poster: this_poster
        });
    });
    $("#jquery_jplayer_1").jPlayer({
        ready: function() {
            $(this).jPlayer("setMedia", {
                webmv: this_webmv,
                m4v: this_mp4,
                poster: this_poster
            });
        },
        play: function() { // To avoid both jPlayers playing together.
            $(this).jPlayer("pauseOthers");
        },
        swfPath: "//{{$smarty.server.HTTP_HOST}}{{$market_uri}}assets/javascripts/external",
        preload: 'metadata',
        supplied: "webmv, m4v",
        solution: "html, flash",
        size: {
            width: "570px",
            height: "340px",
            cssClass: "jp-video-360p"
        },
        cssSelectorAncestor: "#jp_container_1"
    });
  });

Я пробовал решения, которые упоминаются здесь

Автозапуск JQuery jPlayer не работает на iPad, как показать элементы управления

У меня ничего не получалось.

Большое спасибо за любую помощь.