视频背景没有't工作(html，css，js）

Video background doesn't work (html, css, js)

本文关键字：html css js 工作 背景 视频      更新时间：2023-09-26

我正在编写一段代码，用于在循环中创建视频背景。不幸的是，如果我更改视频源，代码就不起作用，因为我从在线教程中复制了代码：http://codepen.io/bldng/pen/biGJx我需要帮助来解决这个问题。这是我的代码

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>videosfondo</title>
    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
  <video class="video" autoplay loop>
  <source src="video/video.webm" type="video/webm">
</video>
<div class="text">prova</div>
  <script src="js/jquery.js"></script>
  <script src="js/index.js"></script>
</body>
</html>

我在Chrome、FF和IE中检查了您提供的代码笔链接。它在Chrome中运行良好，但在IE和FF中不工作。以下是一些你可以尝试的链接/建议，这些链接/建议可能对你有用。

视频文件必须使用正确的MIME类型！

请检查此链接以获取来源。

相关文章：