1

我想在我在我的网站上播放的视频周围加上一个红色边框。这是我的代码。

    <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;}

为什么我没有得到视频周围的边框。请帮忙。另外，是否有任何在线帮助可以使视频更具艺术性？

在此先感谢， aqzr

4

3 回答 3

5

在您的 HTML 中，您写道：

<div class="yotube_video">

然后在您的 CSS 中您写道：

div.youtube_video

HTML 和 CSS 中的类名应该相同。在您的 HTML 文件中，您忘记了一个“u”。它应该是这样的：

HTML

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

controls="controls"不存在。controls如果你想启用它们，你只需要写。scrolling不存在。source然后，仅当您为不同的浏览器提供以不同格式编码的多个源文件时，才需要该标记。在您的示例中，它不应该是必需的。只要使用src就足够了。

CSS

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

无论如何，由于您使用的是video标签，这是 HTML5 中引入的一个新标签以提供更好的语义，您可以避免使用包装div并直接为video标签提供 id 或类。所以你的HTML会变成这样：

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

你的CSS会变成这样：

.youtube_video{
    border:5px solid red;}

这是一个演示

于 2013-01-01T06:16:01.000 回答
1 
div.yotube_video{
border:5px solid red;
}

您上面的班级名称是 yotube_video 并且您输入了 youtube_video

于 2013-01-01T06:06:48.457 回答
0

video在您的元素上应用类而不是div

video{
   border:5px solid red;
}

小提琴在这里

或其他方法如下

你可以提供ID你的video元素作为

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

并申请CSS为ID

#yotube_video{
     border:5px solid red;
}

小提琴在这里

于 2013-01-01T06:01:36.357 回答