Question

在我的htmls5视频加载之前，这个红色框正在闪烁。

这是直接的代码，我什至不知道从哪里开始解决这个问题。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Jerritt Pace</title>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
    <video class="centered" preload="auto" muted="muted" autoplay="autoplay" >
       <source src="images/jerrittpace_city background video.mp4" type="video/mp4">
   </video>
</body>
</html>

我希望视频播放时不会出现红色闪烁。

Answer 1

您的CSS的类.centered具有background-color: #E40C10;。删除CSS并尝试。

.centered {
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   background-color: #E40C10; /*RED background*/
   padding-left: auto;
   padding-right: auto;
   display: block;
}

为什么在将视频加载到html5之前在页面上显示红色框？ jerrittpace.com

1 个答案: