Как управлять видеоплеером Apple на ipad (видео, встроенное с помощью iframe и html5 vimeo) - PullRequest
Новая
       12

Как управлять видеоплеером Apple на ipad (видео, встроенное с помощью iframe и html5 vimeo)

0 голосов
/ 17 мая 2011

Я встроил видео с помощью решения для встраивания vimeo html5.Я могу воспроизвести видео на iPad.Я хотел бы

скрыть проигрыватель и приостановить видео при нажатии на ссылку или выгрузить видео при нажатии на ссылку;затем перезагрузите видео при нажатии на другую ссылку

  1. Я попробовал решение javascript от Apple для приостановки:

https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html

function playPause() {
   var myVideo = document.getElementsByTagName('video')[0];
   if (myVideo.paused)
       myVideo.play();
   else
       myVideo.pause();
   }

но похожеЯ должен вызывать действия видео в том же домене и / или без iframe

2.Я пробовал для первой кнопки 

$('#video').fadeOut(400);

и для второй 

$('#video1').fadeIn(400);

он прячется + выгружается, затем показывает + перезагружает видео на Firefox, Chrome и т. д. ... но на ipad он прячется без выгрузки и затем не показывает плеер в действии fadeIn ...

Есть предложения?Есть ли способ управлять Apple QuickTime Player на Ipad?

1 Ответ

0 голосов
/ 24 мая 2011

Мне удалось это сделать 

<a id="button" href="#">go</a>

<a id="button2" href="#">goback</a>

<div id="video">
<iframe id="video1" src="" width="555" height="312" frameborder="0"></iframe>
</div>

$( "#button" ).click(function(){
$('#video').fadeIn(400);
$("#video1").attr("src", "http://player.vimeo.com/video/myvideoid");
$("#video1").load();
});

$( "#button2" ).click(function(){
$('#video').fadeOut(400);
$("#video1").attr("src", "");
});

для совместимости с ipad, первый тег в тегах iframe ДОЛЖЕН быть пустым

...