javascript - 视频背景不起作用(html、css、js)

标签 javascript jquery html css video

我正在编写一个循环创建视频背景的代码。 不幸的是,如果我更改视频源,代码将不起作用,因为我从在线教程复制了代码: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 中查看了您提供的 codepen 链接。它在 Chrome 中运行良好,但在 IE 和 FF 中不起作用。以下是您可以尝试的一些链接/建议,它们可能对您有用。

VIDEO FILES MUST BE SERVED WITH THE PROPER MIME TYPE!

检查 THIS LINK来源。

关于javascript - 视频背景不起作用(html、css、js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26011869/

相关文章:

javascript - 移动设备/平板电脑上的响应式网站、页眉和页脚宽度问题

javascript - 在实现文档就绪功能时避免 Javascript 函数预期错误

javascript - 导航栏没有在小屏幕上显示我必须使用哪个 Bootstrap 类或 css

javascript - 使用 jquery 更改链接样式和属性

javascript - then(function) 没有得到 angularjs 中返回的 promise 值的更新

javascript - &lt;script&gt;&lt;!--//-->&lt;/script&gt; 有用了吗

javascript - 哪个版本的 jQuery 在加载多个库的网站上运行?

javascript - Jquery多加减脚本

jquery - 显示错误/警告的最佳方法是在MVC中使其显示或传递自定义属性?

jquery - 创建类似 goo.gl 统计信息的动态图和饼图