2

jPlayer を使用して Web ページでビデオを再生し、デスクトップ ブラウザと 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再生ボタンを表示するには、コードにどのような変更を加える必要があるか教えてください。

助けてくれてありがとう。

4

4 に答える 4

2

$(document).ready() または jPlayer の ready イベントからビデオを再生することはできません。IOS は具体的にそれを防ぎます。

http://roblaplaca.com/blog/2010/04/14/ipad-and-iphone-html5-video-autoplay/

幸いなことに、ページが読み込まれ、ユーザーが何かをクリックした後は、好きなだけ再生できます。ビデオを含むページが、ユーザーがサイトで最初にヒットするページではない場合、このビデオを前のページの非表示の div に追加できます。ユーザーがクリックすると、新しいページでビデオを自動再生する代わりに、非表示の div を表示してそこで再生します。

特定のユーザー向けに再生する方法を見つける必要がある場合は、別のブラウザーを使用できます。たとえば、iSwifter Flash Web ブラウザーは、jPlayer を swf モードにし、自動再生を行います。しかし、フラッシュ ゲーマーをターゲットにしているように見える、他にも奇妙な動作がいくつかあります。

Safari や他のほとんどの代替 IOS ブラウザーで再生する必要がある場合は、ワークフローを少し変更する必要があります。

于 2012-06-08T14:18:39.940 に答える
1

クリックまたはタッチ イベントで 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);
于 2012-10-09T19:37:43.857 に答える
1

nativeVideoControls複数の正規表現値を含むオブジェクトで、ブラウザのユーザー エージェントと照合されます。これをオプションに追加します。下記は用例です。

nativeVideoControls: {
  ipad: /ipad/,
  iphone: /iphone/,
  android: /android/,
  blackberry: /blackberry/,
  iemobile: /iemobile/
},
于 2013-10-31T23:44:22.843 に答える
1

次のアプローチを使用して、iPad のみでビデオ コントロールを表示しました。

var platformInfo = uaPlatform(navigator.userAgent); if(platformInfo.platform.toLowerCase() == "ipad" || platformInfo.tablet.toLowerCase() == "ipad") { $("#jquery_videoPlayer").jPlayer("option", "nativeVideoControls", {all : /./}); }

于 2012-06-13T05:21:08.737 に答える