Question

我试图将视频放在网站上，这就是我在HTML页面上的内容。

<video id="bgVideo" controls preload="true" autoplay loop muted>
    <source src="../pim flag.mp4" type="video/mp4" >
    <source src="../pim flag.ogv" type="video/ogg" >    
    <source src="../pim flag.webm" type="video/webm" > 
</video>     
<script src="css/hstyle.css" type="text/hstyle.css"></script>

这是在CSS页面体

{
background:  url("../pim flag.mp4") no-repeat fixed center;
}

video#bgVideo {
position: fixed;
right: 0;
bottom: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;    
background-size: cover;
}

它只在页面上显示一个小黑框，上面写着：无效来源请任何人。我究竟做错了什么？感谢

Answer 1

您无法使用空格，请将其替换为CSS，src中的短划线-以及服务器上的实际文件名。

<video id="bgVideo" controls preload="true" autoplay loop muted>
    <source src="../pim-flag.mp4" type="video/mp4" >
    <source src="../pim-flag.ogv" type="video/ogg" >    
    <source src="../pim-flag.webm" type="video/webm" > 
</video>

背景视频上的源消息无效

1 个答案: