iOS でビデオを再生するために、DailyMotion Embed API を使用しようとしています。カスタム コントロールがあるため、クロムを無効にしました。これは、デスクトップやその他のモバイル デバイスでは問題なく機能しますが、iOS では機能しません。これは、iOS がビデオ再生の JS トリガーを許可していないことに関係しています。ただし、イベントまたは DailyMotion の埋め込み iframe (たとえば、Youtube には大きな赤い再生ボタンがあります) を介して、DailyMotion ビデオを開始できるようにする必要があります。iOS でビデオの再生を開始するためだけに、カスタム コントロールを無効にする必要がないようにしたいと考えています。
私はコードをいじりました: http://jsfiddle.net/recqfww6/
$(function() {
DM.init();
embedPlayer = DM.player($('#embed-player')[0], {
video: 'x2f5zar',
width: '100%',
height: '100%',
params: {
'api': 1,
'autoplay': 0,
'chromeless': 1,
'background': '000000',
'html': 1,
'id': 'embed-player',
'info': 0,
'logo': 1,
'related': 0,
'webkit-playsinline': 1
}
});
$('#play_btn').on('click', function() {
embedPlayer.play();
});
});
デスクトップで再生してから、このリンクを使用して iOS で再生できます: https://jsfiddle.net/recqfww6/embedded/result/
iOS でボタンをクリックすると、DailyMotion に読み込みアイコンが表示されますが、読み込まれません。
助けてくれてありがとう!