在iOS中嵌入YouTube Safari只是旋轉

我有一些非常小的頁面，基本上加載了一個視頻，用於移動瀏覽器。在最新的iOS（5.1.1）中，視頻播放器會加載，但只是旋轉。視頻可以通過點擊視頻播放，但由於它看起來仍在加載，所以人們可能不會那樣做。在其他地方工作。在iOS中嵌入YouTube Safari只是旋轉

我使用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"; 
    } 
};

來源

2012-08-08 absynthe minded web smith

好吧，我想通了，如何解決這個問題。

我改變

event.target.pauseVideo();

到

event.target.stopVideo();

我不知道是什麼問題，但iOS的5.1.1似乎永遠不會完成自動加載。使用YouTube api中的stopVideo（）命令會停止該過程並顯示播放按鈕。一旦點擊，它正常加載。

來源

2012-08-08 18:07:57

在iOS中嵌入YouTube Safari只是旋轉

回答

相關問題