2013-05-17 2 views
1

YouTube iFrame API를 사용하여 동영상을 퍼가기 위해 이상한 버그가 발생했습니다.YouTube 모바일 Safari의 iFrame API 버그

버그는 모바일 사파리 (iPad3, 미니와 아이폰)에서만 명백하다

상관없이 내가 특정 높이를 설정하거나 작동하지 않는 동영상 아래의 링크를 폭에 무슨. 마치 iFrames 높이가 사파리에 의해 존경 받고 있지 않은 것처럼 보입니다. 약 4-5 줄 후에 링크가 다시 작동하기 시작합니다.

나는 iframe에 스크롤링 = "no"속성을 설정해야한다는 기사를 보았습니다. 그러나 이것은 YouTube API가 내장되어 있으므로 불가능합니다. 아래

데모 :

http://jsfiddle.net/sidonaldson/rqRvx/2

player = new YT.Player('player', { 
    height: '200', 
    width: '200', 
    videoId: 'J---aiyznGQ' 
}); 

답변

1

내가 아이폰에 모바일 사파리에 비슷한 문제가 발생하고있다. 여러 개의 YouTube 동영상을로드하면 그 아래에 렌더링 된 링크가 '사용 중지'되며로드 된 순서로만 동영상을 재생할 수 있습니다. 그것은 매우 이상한 행동이며, 마지막 비디오를 재생할 때 링크가 다시 클릭 가능하게된다는 점도 발견했습니다.

내가 발견 한 사실은 뷰포트 메타 태그가 사용 된 경우에만 발생한다는 것입니다.

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

이 문제를 해결 제거하지만, 나는이 모바일 웹 앱 싶은거야 뭔가 확실하지 않다.

+0

위대한 팁! 뷰포트 메타 태그를 사용하고 있습니다. 내가 봐야 겠어 그게 그것에 영향을 미치는 경우 ... – sidonaldson

+0

속성을 가진 정적 임베디드 iFrame을 포함하도록 바이올린을 업데이 트했습니다 스크롤 = "아니오". 뷰포트 세트가 없습니다. http://jsfiddle.net/sidonaldson/rqRvx/ – sidonaldson

+1

확인해 보니이 버그를 발견 한 지 조금 더 오래되었습니다. https://code.google.com/p/gdata-issues/issues/detail?can = 2 & 시작 = 0 & 100 & q = 비디오 + 태그 & colspec = API + ID + 유형 + 상태 + 우선 순위 + 별 + 요약 & groupby & sort & id = 4569 – And2

관련 문제