2017-10-23 3 views
0

응용 프로그램 : - 코르도바 - 이온 다음과 같이 각도지정한 컨테이너에 YouTube 동영상을 삽입하는 방법은 무엇인가요? 에서

HTML 블록은 다음 코드 위

<div style='width:100%;height:320px'> 
    <iframe src="***" style='width:100%;'></iframe> 
</div> 

이 DIV 블록 내부에 YouTube 동영상을로드합니다.

요구 사항 :

A) 초상화 - 비디오 크기는 잘 작동 100 % *의 320 ~ ------>이어야한다.

b)의 ​​풍경 - 비디오 크기 * 100 % -------->일치하지 않는 행동을 100 %이어야한다

분석 : (B)가 모두 작동하지

케이스 상황.

화면이 가로 모드에 있지만 비디오가 보이지 않고 배경에서 재생 중입니다. 우리는 오디오를들을 수 있습니다.

chrome - saw에서 검사 됨 임베디드 YouTube 동영상의 가로 및 세로 너비가 100 %로 설정되었지만 여전히 동영상이 보이지 않습니다.

답변

0

높이를 320px로 사용했기 때문에 가로 모드에서 높이가 320px까지 올라가면 불일치가 발생합니다.

100 %

<div style='width:100%;height:100%'> 
    <iframe src="***" style='width:100%;'></iframe> 
</div> 

또는 높이 공간에 따라 높이를 시도해보십시오.

+0

시도해보십시오. 여전히 문제가 지속됩니다. – Anand

+0

iframe의 height 속성도 제공합니다.

+0

하지만 요구 사항은 - 세로 100 % * 320px 및 가로 100 % * 100 % ...입니다. 같은 미디어 쿼리를 시도했습니다. 세로보기가 잘되지만 가로로 검은 화면이 나타나지만 오디오가 재생됩니다. – Anand