Question

我的视频在本地工作正常，但是当我把它放在服务器上时它无法正常工作我上传了这两个文件并且都在默认目录中。

  <html>
   <head>
         <link rel="stylesheet" type="text/css" href="video.css">
   </head>
   <body>
        <div id="banner" class="headerContent">
      <div id="header">
        <div id="headerContent" class="headerContent">
            <video autoplay   id="awsome_video" >
               <source src="promo.mp4" type="video/mp4">
        </video>
        <div class="overlay">
           <h1 id="rowdy"> ROWDY RONDY ROUSEY </h1>
           <a href="test.html" id="enter">ENTER</a>
           </div>
        </div>
     </div>
     </body>
</html>

Answer 1

您的视频src路径不匹配：

  <html>
   <head>
         <link rel="stylesheet" type="text/css" href="video.css">
   </head>
   <body>
        <div id="banner" class="headerContent">
      <div id="header">
        <div id="headerContent" class="headerContent">
            <video autoplay   id="awsome_video" >
               <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
        </video>
        <div class="overlay">
           <h1 id="rowdy"> ROWDY RONDY ROUSEY </h1>
           <a href="test.html" id="enter">ENTER</a>
           </div>
        </div>
     </div>
     </body>
</html>

Answer 2

我也有同样的问题，但我把文件放在我的代码中并且它有效。

<?xml version="1.0"?>
<configuration>
   <system.webServer>
        <!-- Other elements -->
        <staticContent>
          <mimeMap fileExtension=".m4v" mimeType="video/m4v" />
          <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
          <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
          <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
          <mimeMap fileExtension=".webm" mimeType="video/webm"/>
          <remove fileExtension=".mp4" />
          <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
        </staticContent>
    </system.webServer>
</configuration>

这是web.config。将此文件放在索引文件所在的位置。

Answer 3

显然000Webhost的免费服务不支持音频/视频流，这就是它无法正常工作的原因

HTML5视频标记无法在000webhost上运行

3 个答案: