jPlayer を使用して、Web サイトでビデオを再生しています。
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 autoplayがiPadで機能しない コントロールを表示する方法
何もうまくいきませんでした。
助けてくれてありがとう。