HTML5 비디오를 반응 형으로 만드는 방법은 무엇입니까?

Question

이전에는 HTML5 비디오로 작업 해 본 적이 없었습니다. 비디오를 100 % 너비로 설정할 수 있기를 원하며 브라우저 크기가 변경되면 100 %로 유지됩니다. 그러나 제대로 작동하지 않는 것 같습니다. 다른 브라우저에서 테스트 해봤는데, 대부분은 저에게 잘못되었습니다.

나를 도울 수 있는지 궁금합니다.

http://www.blackwellautomation.ca

감사합니다!

Answer 1

atry this;

HTML

<div class="container"> 
    <video id="thevideo" controls preload="auto"> 
     <source src="thevideofile.mp4" type="video/mp4"> 
     <source src="thevideofile.webm" type="video/webm"> 
    </video> 
</div> 

CSS

.container video { 
    height: auto !important; 
    width: 100% !important; 
    } 

비디오는 다른 접근 방식을 채택해야합니다 iframe을 (유튜브, 비 메오 등)에 삽입 인 경우 - 참조 : http://www.webdesignerwall.com/tutorials/css-elastic-videos