我有一个不寻常的问题。它可能更多关于移动而不是html / php。问题在于iframe。
我在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 :(得分:0)
好的,我把它排除了。这是球员的错。此选项适用于不同的玩家,所以如果有人面临同样的问题我建议交换玩家。不工作的是流动播放器。