HTML5 비디오 태그 주위에 테두리 태그가 작동하지 않습니다.

Question

내 웹 사이트에서 비디오를 재생하면서 빨간색 테두리를 넣고 싶습니다. 여기 내 코드가 있습니다. 나는 비디오 주위의 경계를받지 못하고있는 이유

<div class="yotube_video"> 
     <video width="700" height="525" controls="controls" scrolling="no" > 
      <source src="video/promo_video.mp4" type="video/mp4"> 
     </video> 
    </div> 

및 스타일 시트

div.youtube_video{ 
border:5px solid red;} 

이 포함되어 있습니다. 도와주세요. 또한 비디오를 더 예술적으로 만들 수있는 온라인 도움말이 있습니까? 사전에

감사합니다,

Answer 1

당신의 HTML에서

당신이 쓴 :

<div class="yotube_video"> 

는 그런 다음 CSS에 당신이 쓴 :

이

div.youtube_video 

HTML과 CSS의 클래스 이름이 동일해야합니다. HTML 파일에서 "u"를 잊어 버렸습니다. 그것은 다음과 같이해야합니다 :

<div class="youtube_video"> 
<video width="700" height="525" controls src="video/promo_video.mp4" type="video/mp4"> 
</video> 
</div> 

controls="controls"이 존재하지 않는

HTML. 가능하게하려면 controls이라고 써야합니다. scrolling 존재하지 않습니다. 그런 다음 브라우저마다 다른 형식으로 인코딩 된 여러 소스 파일을 제공하는 경우에만 source 태그가 필요합니다. 귀하의 예에서는 필요하지 않아야합니다. 그냥 src을 사용하면 충분합니다.

CSS

div.youtube_video{ 
border:5px solid red;} 

어쨌든

---

당신이 video 태그를 사용하고 있기 때문에, 즉 당신은 포장 div을 사용하지 않도록하고, 줄 수, 더 나은 의미를 제공하기 위해 HTML5에 도입 된 새로운 태그입니다 id 또는 클래스를 직접 video 태그에 추가하십시오.

<video class="youtube_video" width="700" height="525" controls src="video/promo_video.mp4" type="video/mp4"> 
</video> 

그리고 당신의 CSS은 다음과 같이 될 것입니다 : 그래서 HTML은 다음과 같이 될 것입니다 당신이 대답에 만족하는 경우

다음

.youtube_video{ 
    border:5px solid red;} 

가 DEMO

Answer 2

aqzr div

video{ 
    border:5px solid red; 
} 

바이올린에 video 요소 여부에 클래스를 적용하는 것은 HERE

또는

을 다음과 같이는 할 수 다른 방법입니다

n은 당신의 video 요소의 ID

<div> 
     <video id="yotube_video" width="700" height="525" controls="controls" scrolling="no" > 
      <source src="video/promo_video.mp4" type="video/mp4"> 
     </video> 
</div> 

그 ID

#yotube_video{ 
    border:5px solid red; 
} 

로 바이올린에 CSS을 적용

로하는 HERE

Answer 3

div.yotube_video{ 
border:5px solid red; 
} 

클래스 이름은 위입니다 yotube_video 그리고 당신은

youtube_video 입력했다