HTML5视频标签Firefox和jQuery控件Bug

时间:2017-08-22 06:38:37

标签: javascript jquery firefox controls html5-video

当我在页面上放置jquery.min.js文件链接时,不知道为什么我的视频标签的控件在firefox上不起作用... 你有什么想法吗?

当jquery文件链接被删除它在所有浏览器上工作但我需要使用jquery进行magnific-popup,因此无法删除。

代码如下所示:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><% if (pageId != 'index') { %><%= pageTitle %> - <% } %><%= siteName %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="canonical" href="<%= siteRootUrl %>" >
<link rel="stylesheet" href="./css/magnific-popup.css">
</head>
<body class="page-<%= pageId %>">
<video class="videos" controls="true" poster="./images/poster_inu.jpg" data-description="video1">
<source src="./images/inu.mp4" type="video/mp4">
<source src="./images/inu.ogg" type="video/ogg">
<source src="./images/inu.webm" type="video/webm">
</video>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/jquery.magnific-popup.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>

0 个答案:

没有答案