2012-08-17 131 views
0

我有一个不寻常的问题。这可能更多的是关于移动的比HTML/PHP。问题出在一个iframe上。iframe不在android手机上播放视频

我在iframe中有一个视频播放器。当我点击播放按钮时 - 在所有浏览器上都能正常工作,但不适用于Android手机。它显示,但点击后 - 没有任何行动。但是 - 当我点击并按住按钮>菜单出现>我选择打开,它工作正常。这太奇怪了......

一般而言,我有这样的HTML页面中的一种:

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

在此iframe的内容部分是在PHP /部分在HTML中。 这里是所有:

<? 
$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> 

我知道这可能没有多大的意义,但是它的正常工作在所有浏览器,但不是在Android上。有什么我应该知道让它工作?也许iframe阻止玩家?有没有其他办法呢?

使用此方法的原因是我需要将此iframe的内容实现为每周多个页面,而我不想修改5个页面。而不是我修改由iframe注入的页面,它在我提到的5页上出现更新。 这是它如何在我的测试模式下工作:test page

这对我至关重要,所以我会非常感谢发布的任何想法。先谢谢你。 P.

回答

0

好的,我已经整理出来了。这是球员的错误。这个选项适用于不同的玩家,所以如果有人面临同样的问题,我建议交换玩家。不工作的是流水游戏。