我有一个不寻常的问题。这可能更多的是关于移动的比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.