HTML5 mp4 비디오 (파이어 폭 조정 비디오)

Question

사이트에 html5 비디오를 사용 중이며 mp4 및 ogg 형식을 모두 지원합니다. 동영상의 높이는 CSS를 통해 350px로 설정됩니다. 여기 코드 : 파이어 폭스에서

<video autoplay loop> 
    <source src="assets/videos/vid.ogv" type="video/ogg"> 
    <source src="assets/videos/vid.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

는 코드는 다음과 임베디드 MP4로 대체하고, 보이는된다

<embed width="700" height="350" src="assets/videos/vid.mp4" mode="null" autoplay="true" loop="true" pluginspage="http://go.divx.com/plugin/download/" type="video/divx"></embed> 

문제는, 파이어 폭스에서 비디오 크기는 잘못이다. 원본 비디오는 세로로되어 있으며, 파이어 폭스는 그것을 원거리의 가로 비디오로 바꾸어 원본의 맨 아래를 잘라냅니다. 화면 비율이 잘못되어 너비와 높이를 변경해도 작동하지 않습니다.

내가 원했던 것은 파이어 폭스가 잘 보이는 ogg 비디오를 사용하는 것이지만, 어떻게해야할지 모르겠다. 브라우저에서 FF 일 경우 ogg를 강제 실행하기 위해 JS를 사용하여 mp4 행을 제거하려고 시도했지만 js가 코드를 이미 임베드 코드로 변경했을 때 실행했습니다. 여러 개의 비디오가 있고 JS를 사용하여 각 비디오의 html을 하드 코딩하는 것보다 더 나은 솔루션이 필요합니다.

감사합니다.

Answer 1

랩 매입

로 설정 높이 사업부의 .instead과 함께 사업부의 삽입 및 설정 높이와

<Div width="700" height="350"> 
<embed src="assets/videos/vid.mp4" mode="null" autoplay="true" loop="true" pluginspage="http://go.divx.com/plugin/download/" type="video/divx"></embed> 
</Div> 

하거나이

<Div width="700" height="350"> 
<video autoplay loop> 
<source src="assets/videos/vid.ogv" type="video/ogg"> 
<source src="assets/videos/vid.mp4" type="video/mp4"> 
Your browser does not support the video tag. 

시도