2016-10-02 4 views
0

iframe을 사용하여 YouTube 동영상을 가져 왔지만 모바일에서는 작동하지 않지만 데스크톱에서는 완벽하게 실행됩니다. 작동하지 않는으로휴대 전화에서 iframe 동영상을 재생할 수 없습니다.

, 내 말은 :. 그것을 터치하면 비디오가 재생되지 않으며, 이중 감동 않다면, 페이지에 확대

코드 :

div#video 
    iframe(src = 'https://www.youtube.com/embed/mfB19N3ZdS0' frameborder = '0', allowfullscreen = '') 
+0

당신은 당신이 코딱지 작업을 미상 무슨 뜻인지 설명 할 수 내 문제를 해결 추가 : 여기

는 유튜브 예를 들어 비디오와 샘플 코드이다? – Mick

+0

@Mick가 작동하지 않음을 의미합니다. 동영상을 터치 ​​할 때 동영상이 재생되지 않고 두 번 터치하면 페이지가 확대됩니다. – Paul

답변

0

display: blockiframe에이

1

업데이트

제공된 웹 페이지 링크를 보면 문제는 재생 버튼을 누르지 못했다는 의미의 동영상을 담고있는 DIV가 있다는 것입니다. 브라우저가 좁아서 모바일 장치에서만 볼 수있는 이유 일뿐입니다. 또한 찾기가 더 어려워지는 사파리와 같은 것으로 보인다.

개발자 도구와 연결된 iPhone을 사용하는 iOS 검사기 또는 브라우저를 단일 열 너비로 축소 한 Mac의 사파리에서 id가 "quotesRight"인 div를 살펴보면 사업부는 비디오의 상단에 있는지 당신은 재생 버튼을 누르면 할 수 있도록 :

enter image description here

을 사용하면 비디오가 iOS 장비에서 잘 재생 브라우저 관리자에서이 사업부를 삭제합니다.

내가 먼저 보았을 때 문제가 분명했기 때문에 원래 답을 아래에 그대로 두었습니다. 누군가에게 도움이 될 수 있습니다 - 이제는 중소 기업 콘텐츠 오류가 발생하지 않는 것처럼 보입니다. SME 비디오. 어쩌면 이것은 불법 복제 수표에 대한 거짓 긍정 일 수도 있습니다.

아래의 예제 HTML은 확실히 브라우저에서 작동하므로 확인하는 데 유용합니다 (내가 볼 수있는 한 ...). 는 HTML 구문이 올바른 가정

원래 대답

(나는 위의 추출물이 속기 생각?) 나는이 문제가 특정 장치에 제한 될 것으로 보인다 사용중인 특정 비디오 것 같아요 콘텐츠 소유자 (이 경우 SME)가 당신이 Mac에서 크롬에서 재생하려고하면 직접이 메시지가 얻을 예를 들어

:

enter image description here

W3 스쿨에서 간단한 예제를 사용하여는 아이폰에 비디오를 재생하는 것은 정확하게 동작 당신을 제공합니다 기술하다.

다른 예 비디오 (Google YouTube 예제에서 시도해 보았습니다)를 사용하면 정상적으로 재생됩니다. - 정확히 무슨 일이 일어나고 있는지

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 

<h1>This is a Heading</h1> 
<p>This is a paragraph.</p> 

<iframe id="player" type="text/html" width="640" height="390" 
    src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http://example.com" 
    frameborder="0"></iframe> 

</body> 
</html> 
+0

내 코드는 '옥 코드'입니다.나는'share'를 선택한 후'구글'이 나에게 준 코드를 사용하고있다. 'iframe width = "560"height = "315"src = "https://www.youtube.com/embed/mfB19N3ZdS0"frameborder = "0"allowfullscreen> – Paul

+0

나는 그것이 같은 문제라고 생각한다. 'http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&origin=http://example.com'이 포함 된 'https://www.youtube.com/embed/mfB19N3ZdS0'을 방문하여 어떤 일이 발생하는지 확인합니다. – Mick

+0

나는 그것을 시도하고 여전히 작동하지 않습니다. 나는 또한 당신이 게시 한 여전히 작동하지 않는'Google' 예제로 시도했다 : ( my'iframe'이 부트 스트랩'col'에 묶여 있지만 문제가 발생해서는 안된다. – Paul

관련 문제