iframe不能在android手机上播放视频
iframe不能在android手机上播放视频
提问于 2012-08-17 21:05:19
我有一个不同寻常的问题。它可能更多的是关于移动端，而不是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.
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-09-17 06:10:07
好了，我已经解决了这个问题。这是一个球员的错误。这个选项适用于不同的玩家，所以如果有人遇到同样的问题，我建议交换球员。不起作用的是flowplayer。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12006409
复制相关文章
相似问题
腾讯云开发者
