我有一个不寻常的问题。它可能更多的是关于移动而不是 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 个页面上显示更新。这就是它在我的测试模式下的工作方式:测试页面
这对我来说至关重要,因此我将非常感谢发布的任何想法。先感谢您。P。