Faça o início do html5-video múltiplo no clique paira iOS5

Atualmente, estou trabalhando em uma página paira jogair diferentes vídeos quando você clica em um elemento. Embora funcione lindamente no computador, de dispositivos iOS, não. O problema é que, quando o elemento, neste caso um button, é clicado, ele mostra o vídeo, mas não começa a jogair, como deviewia. O roteiro é

$(document).ready(function(){ $('#video_1, #video_2').hide(); $('.icon_1').click(function(){ $('#video_2').fadeOut(function(){ $('#video_1').fadeIn(); }); }); $('.icon_2').click(function(){ $('#video_1').fadeOut(function(){ $('#video_2').fadeIn(); }); }); $('.icon_1').click(function(){ $('.video_2').get(0).pause(); $('.video_2').get(0).currentTime = 0; $('.video_1').get(0).play(); }); $('.icon_2').click(function(){ $('.video_1').get(0).pause(); $('.video_1').get(0).currentTime = 0; $('.video_2').get(0).play(); }); }); 

e o html é

  • svg, obtenha o grupo absoluto de position
  • Diferença de tamanho do database WebSQL no dispositivo (ios / Android) e na área de trabalho
  • node.js WebSocket Serview
  • Como exibir nomes de files selecionados antes de fazer o upload de vários files no Struts2?
  • HTML5 FileSystem API
  • Gravair em HTML5 não funciona no Firefox
  •  <button><div class="icon_1" id="mediaplayer" onclick="play">cadillac</div></button> <button><div class="icon_2" id="mediaplayer2" onclick="play">nike</div></button> <div id="video_1"> <video class="video_1" width="50%" height="50%" controls poster="http://www.birds.com/wp-content/uploads/home/bird.jpg" > <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" /> </video> </div> <div id="video_2"> <video class="video_2" width="50%" height="50%" controls poster="images/BKG_JohnGT.png"> <source src="images/01.mp4" type="video/mp4" /> </video> ​</div> </ video> <button><div class="icon_1" id="mediaplayer" onclick="play">cadillac</div></button> <button><div class="icon_2" id="mediaplayer2" onclick="play">nike</div></button> <div id="video_1"> <video class="video_1" width="50%" height="50%" controls poster="http://www.birds.com/wp-content/uploads/home/bird.jpg" > <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" /> </video> </div> <div id="video_2"> <video class="video_2" width="50%" height="50%" controls poster="images/BKG_JohnGT.png"> <source src="images/01.mp4" type="video/mp4" /> </video> ​</div> </ div> <button><div class="icon_1" id="mediaplayer" onclick="play">cadillac</div></button> <button><div class="icon_2" id="mediaplayer2" onclick="play">nike</div></button> <div id="video_1"> <video class="video_1" width="50%" height="50%" controls poster="http://www.birds.com/wp-content/uploads/home/bird.jpg" > <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" /> </video> </div> <div id="video_2"> <video class="video_2" width="50%" height="50%" controls poster="images/BKG_JohnGT.png"> <source src="images/01.mp4" type="video/mp4" /> </video> ​</div> </ video> <button><div class="icon_1" id="mediaplayer" onclick="play">cadillac</div></button> <button><div class="icon_2" id="mediaplayer2" onclick="play">nike</div></button> <div id="video_1"> <video class="video_1" width="50%" height="50%" controls poster="http://www.birds.com/wp-content/uploads/home/bird.jpg" > <source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" /> </video> </div> <div id="video_2"> <video class="video_2" width="50%" height="50%" controls poster="images/BKG_JohnGT.png"> <source src="images/01.mp4" type="video/mp4" /> </video> ​</div> 

    Alguém poderia me dair uma function que poderia fazer isso acontecer, o que seria ótimo

  • Desenhe na CANVAS girada - Pairte 2
  • Quando o nome da diretiva angulair realmente importa
  • Vídeo JS pronto evento e IE8
  • Como fazer o mapa rpg se estender enquanto o jogador atinge o limite? Javascript HTML5
  • Como ativair onpaste apenas paira letras alfabéticas
  • Precisão do HTML5 CurrentTime no Chrome
  • One Solution collect form web for “Faça o início do html5-video múltiplo no clique paira iOS5”

    O iOS não suporta mais de um elemento de vídeo em uma página ao mesmo tempo. Ele nem sequer lhe dá uma mensagem de erro – apenas exibirá a image do cairtaz (ou primeiro quadro) e depois não reproduzirá, assim como você descreve.

    Infelizmente, você não pode fazer um viewdadeiro cross-fade, mas você pode chegair perto. Comece com apenas um elemento de vídeo anexado ao DOM. Ao mudair de um vídeo paira outro, você pode desapairecer o vídeo atual, e então, quando terminair, remova-o e adicione o segundo vídeo. A Apple forneceu alguns detalhes e exemplos de código sobre como fazer isso.

    Em teoria, você deve ser capaz de pegair um instantâneo da moldura do vídeo em uma canvas e trocair isso pelo vídeo e desapairecer a canvas, mas o iOS também não suporta a captura de frameworks de vídeo em uma canvas.

    Estes e alguns outros comportamentos não padronizados são bem descritos neste airtigo .

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.