html로 가로 세로 비율 임베딩 vimeo를 보존하는 방법은 무엇입니까?

-1

비율을 16 : 9로 유지하려고하지만 내 동영상 중 일부가 1920x1080 인 것은 아닙니다. 2 개는 1920 x 1012 및 1000 x 416입니다. HTML 파일에 이미지를 포함 시키려고하면 이미지가 왜곡됩니다 (검은 색 프레임 공간이 추가되거나 잘리지 않음).html로 가로 세로 비율 임베딩 vimeo를 보존하는 방법은 무엇입니까?

출처

2016-12-06 Lauren

안녕하세요. [둘러보기] (http://stackoverflow.com/tour)를보십시오. [How to ask a question] (http://stackoverflow.com/help/how-to-ask) 및 [최소의 완전하고 검증 가능한 예제] (http : // stackoverflow.com/help/mcve). 시도한 코드와받은 오류를 게시하십시오. 가능한 한 구체적이어야 더 나은 답변으로 이어질 것입니다. 질문에 중요한 사항이 누락되지 않도록이 [질문 체크리스트] (http://meta.stackoverflow.com/questions/260648/stack-overflow-question-checklist)를 사용할 수 있습니다. –

보이시겠습니까? 이제 질문입니다. 귀하의 버전은 쓰레기였습니다. – peterh

소스 비디오의 일부가 16 : 9 종횡비가 아니지만 내장 된 Vimeo 플레이어의 크기가 16 : 9 비율을 유지하도록하려면 레터 박스 효과 또는 약간의 왜곡이 표시됩니다. 당신은,하지만 서로 다른 매개 변수와 함께 장난에서 필요에 맞게 크기로 소스 코드에서 플레이어 자체를 iframe의 width 및 height 속성을 변경할 수 있습니다

, 비 메오 원래 크기를 유지하고 검은 색 막대를 추가 할 것으로 보인다 적절한 경우.

출처

2016-12-06 20:40:02 lscherber

응답 해 주셔서 감사합니다. 그래서 만약 iframe 코딩만을해서 - 16 : 9 종횡비 코드를 없애면 .. 내 vimeo embed은 전체 화면을 채우지 못합니다. 예 : http://ryanstaake.com/ – Lauren

@Lauren 화면의 전체 너비를 채우시겠습니까? . : 100 %; 그렇다면 제가 사용 ryanstaake.com 예 너비 = "100 %' – lscherber

'의 폭 특성을 변경할 수 높이 100 %' } .inner은 iframe { 폭 code' ; 위치 : 절대; 최고 : 0; 왼쪽 : 0; } 내 CSS에서 하지만 여전히 모바일/웹 브라우저 폭에 맞지 않는 :/ – Lauren

html로 가로 세로 비율 임베딩 vimeo를 보존하는 방법은 무엇입니까?

답변

관련 문제