나는 이상한 질문이 있습니다. 아마 html/php보다 모바일에 관한 것입니다. 문제는 iframe 때문입니다.iframe이 android phone에서 비디오를 재생하지 않습니다.
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 내용은 부분적으로 HTML로/부분적으로 PHP에 있습니다. http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1
<?
$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 (" 여기가 전부입니다 /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>
나는, 그러나 그것은 모든 브라우저에서 잘 작동,하지만하지 안드로이드에, 그것은 큰 의미가되지 않을 수 있습니다 알고 있습니다. 작동 시키려면 내가 알아야 할 것이 있습니까? 어쩌면 iframe이 플레이어를 차단했을까요? 이것에 대한 대안이 있습니까?
이 방법을 사용하는 이유는이 iframe의 콘텐츠를 매주 많은 페이지에 구현해야하고 5 페이지를 수정하고 싶지 않기 때문입니다. 대신 그 iframe에 의해 주입되는 페이지를 수정하고 내가 언급 한 5 페이지에 업데이 트 나타납니다. 이것은 내 테스트 모드에서 작동하는 방법입니다. test page
게시자가 생각한 모든 의견을 크게 고맙게 생각합니다. 미리 감사드립니다. P.