我有一個不尋常的問題。這可能更多的是關於移動的比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.