我需要在html中为我的视频设置一个边框

.movie.mp4{
	border:5px solid red;
			}

<!DOCTYPE html> 
<html> 
<head> 
<title>movie</title>
<link rel="stylesheet" href="css/styles.css"/>
<div id="logo">
<h1>
Mysite
</h1>
<span>
movie
</span>
</div>
 <video class="stream" src="videos/movie.mp4" controls width="1000px" height="400px">
    <object data="videos/movie.mp4" type="application/x-shockwave-flash">
      <param value="videos/movie.mp4"/>
    </object>
</video> 
 </video> 
 </body> 
 </html>

这是我在chrome中使用notepad++.运行的代码
我需要为视频设置一个白色边框。请帮忙！！

添加css作为

.stream{
    border:5px solid red;
}

试着把视频放在div中，并给它一个边框。

.border{
	border:5px solid red;
			}

<!DOCTYPE html> 
<html> 
<head> 
<title>movie</title>
<link rel="stylesheet" href="css/styles.css"/>
<div id="logo">
<h1>
Mysite
</h1>
<span>
movie
</span>
</div>
<div class="border">
 <video class="stream" src="videos/movie.mp4" controls width="1000px" height="400px">
    <object data="videos/movie.mp4" type="application/x-shockwave-flash">
      <param value="videos/movie.mp4"/>
    </object>
</video> 
 </div>
 </body> 
 </html>

相关内容

最新更新

热门标签：