珍しい質問があります。おそらく、html/php よりもモバイルに関するものです。問題は iframe にあります。
私はiframeにビデオプレーヤーを持っています。再生ボタンをクリックすると、すべてのブラウザーで正常に動作しますが、Android フォンでは動作しません。表示されますが、クリックしても何も起こりません。ただし、ボタンをクリックして押したままにすると、メニューが表示され、開くを選択すると正常に動作します。とても奇妙です...
一般的に言えば、私はこれをhtmlページの1つに持っています:
<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.