0

基本的にモバイルブラウザで使用するビデオをロードする非常に小さなページがいくつかあります。最新のiOS（5.1.1）では、ビデオプレーヤーが読み込まれますが、回転するだけです。動画をクリックすると動画を再生できますが、まだ読み込み中のようですので、再生できない場合があります。他のどこでも動作します。

YouTubeのAPIコードを使用しています

これはページのテストバージョンです。 http://bit.ly/S2KuN1

コードは次のとおりです。

<!DOCTYPE HTML>
<html>
<head>
<title>Celebrity's Caribbean Shore Excursions</title>
<link href="http://www.celebritycruises.com/css/min/global.min.css" rel="stylesheet">
<link href="http://media.celebritycruises.com/celebrity/content/en_US/css/m_video.css" rel="stylesheet">
<script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">

// create youtube player
var player;

function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      videoId: 'PH-m591p4xg',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}
</script>
<script type="text/javascript" src="m_video.js"></script>
</head>
<body id="video_page">
<div class="logo"><a href="http://m.celebritycruises.com/m/home.do"><img src="http://media.celebritycruises.com/celebrity/content/en_US/images/cel_misc/logo.jpg" alt="Celebrity Mobile" width="259" height="55" border="0"></a></div>
<div id="player"></div>
<div class="visit">
<p>Now visit Celebrity Cruises' official mobile website.</p>
<p><a class="ccButton large" target="_self" href="http://m.celebritycruises.com/m/home.do"> <span class="text">Explore</span> <span class="pointer"> </span> </a></p>
</div>
</body>
</html>

そして、これがそのページのjsです

//JavaScriptドキュメント

// autoplay video
function onPlayerReady(event) {
    event.target.pauseVideo();
}

// when video ends
function onPlayerStateChange(event) {        
    if(event.data === 0) {
        window.location = "http://m.celebritycruises.com/m/home.do";
    }
}

//style Blackberry
window.onload = function() {
    var ua = navigator.userAgent;
    if (ua.indexOf("BlackBerry") != -1 ) {
        document.getElementById("video_page").className = "bb";
    }
};
4

1 に答える 1

0

さて、私はそれを解決する方法を考え出しました。

私が変更され

event.target.pauseVideo();

に

event.target.stopVideo();

問題が何であるかはわかりませんが、iOS5.1.1が自動読み込みを終了しないようです。YouTube APIからstopVideo（）コマンドを使用すると、プロセスが停止し、再生ボタンが表示されます。クリックすると、通常どおりに読み込まれます。

于 2012-08-08T18:07:57.527 に答える