Question

背景视频未在移动Chrome浏览器中显示。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/StyleSheet.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div class="row" >
    <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

<!--  Content  -->
<article>
  <h1>GROSS DESIGN co. <br /> <span>(Made by <a href="http://mattgross.io" target="_blank">Matt Gross</a>, for <a href="https://evenvision.com">EvenVision</a>)</span></h1>
</article>

<!--  Video is muted & autoplays, placed after major DOM elements for performance & has an image fallback  -->
<video autoplay loop id="video-background" muted plays-inline>
  <source src="video/pp1.mp4" type="video/mp4"/>
     <source src="video/pp1.webm" type="video/webm"/>
</video>
    </div>
      <%--  <div class="row" style="background:#ff6a00;height:10em">
            </div>--%>
    </form>
</body>
</html>

视频可以在桌面浏览器中正确显示，但不能在移动浏览器中显示。

不显示移动Chrome浏览器的背景视频

0 个答案: