iframe ne joue pas une vidéo sur téléphone Android

Question

J'ai une question inhabituelle. C'est probablement plus sur le mobile que le html/php. Le problème est avec un iframe.

J'ai un lecteur vidéo en iframe. Quand je clique sur le bouton de lecture - fonctionne bien sur tous les navigateurs, mais ne fonctionne pas sur les téléphones Android. Il est affiché mais après avoir cliqué - aucune action n'est effectuée. Cependant - Lorsque je clique et maintenez le bouton> le menu apparaît> je choisis ouvert et cela fonctionne bien. Ce bizarre ...

D'une manière générale, j'ai cela sur l'une des pages html:

<iframe src="http://jupiters.captive-portal.com/generic/ign-games/1.html" name="i1" target="_top" frameset frameborder=0 id="i1"></iframe> 

Le contenu de ce iframe est en partie en php/html en partie. ici, il est tout:

<? 
$vidurl1 = "http://content.captive-portal.com/files/video/movie-news/vid1.mp4"; 
$thumburl1 = "http://content.captive-portal.com/files/video/movie-news/thumb1.jpg"; 
?> 

@import url ("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1 /themes/ui-lightness/jquery-ui.css ");

  <a href="<?=$vidurl1;?>" class="player" style="display:block;width:480px;height:360px;"> 
       <img src="<?=$thumburl1;?>" alt="Thumbnail for video"/> 
      </a> 


       <script type="text/javascript"> 
        var video = document.createElement("video"), 
        idevice = /ip(hone|ad|od)/i.test(navigator.userAgent), 
        noflash = flashembed.getVersion()[0] === 0, 
        simulate = !idevice && noflash; 
        // REMOVE THE FOLLOW LINE TO DISABLE THE CODEC CHECK 
        simulate = simulate && !!(video.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, '')); 
        flowplayer("a.player", { 
         src:"http://video.captive-portal.com/flowplayer/flowplayer.commercial-3.2.11.swf", 
         wmode: "opaque" 
        }, { 
         key: "#$4871c81e02586ce7fdb", 
         clip: { 
          autoPlay: true, 
          scaling: "fit", 
          } 
        } 
        ).ipad(controls: true, simulateiDevice: simulate); 

       </script> 

Je sais qu'il ne peut pas dire grand-chose, mais il fonctionne très bien sur tous les navigateurs, mais pas sur Android. Y a-t-il quelque chose que je devrais savoir pour le faire fonctionner? Peut-être que l'iframe bloque le joueur? Y a-t-il une alternative pour cela?

La raison de l'utilisation de cette méthode est que j'ai besoin d'implémenter le contenu de cette iframe sur plusieurs pages chaque semaine et je ne veux pas modifier 5 pages. Au lieu de cela, je modifie la page qui est injectée par iframe et elle apparaît mise à jour sur les 5 pages que j'ai mentionnées. Voici comment cela fonctionne dans mon mode de test: test page

Ceci est crucial pour moi, donc j'apprécierai grandement toutes les pensées postées. Merci d'avance. P.

Answer 1

OK, j'ai résolu ce problème. c'est une faute de joueur. Cette option fonctionne bien avec différents joueurs, donc si quelqu'un fait face au même problème, je suggère d'échanger le joueur. Celui qui ne fonctionne pas est flowplayer.