首页 文章

HTML5视频无法播放

提问于
浏览
7

我为HTML5尝试了一个简单的例子,但它似乎没有用 .

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="resources/sample/sample1.m4v" type="video/mp4" />
</video>

</body>
</html>

我在chrome上尝试了这个例子,视频加载,但它没有播放,我可以看到视频帧,如果我来回移动滑块,但视频本身不播放 .

更新:我在localhost(tomcat)上访问它,它仍然以相同的方式作出反应 . 另外我注意到我无法在chrome或firefox上播放任何HTML5视频(更新) .

11 回答

  • 3

    添加“控件”作为标志 . 它允许浏览器在视频上运行自己的播放器代码 . 我在Chrome上使用.mp4文件尝试了这个功能 .

  • 0

    我不同意Alex Pereora . 只需引用文件名和/或路径即可从本地计算机加载它 .

    我有类似的问题,结果在Win 7 Pro中的IIS没有mp4在它的mime类型 . 必须添加添加mime类型 . 请参阅以下链接中添加mime类型的说明 .

    html5 video is not playing mp4 error "Invalid Source"?

  • 0

    您无法使用HTML5视频标记加载类似的本地文件 . 您必须使用localhost或远程托管文件 . 尝试安装mamp / wamp并通过虚拟主机加载它 .

    <source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" />
    
  • 2

    使用这两种格式它在所有浏览器中都可以

    <video width="640" height="360" controls>
        <!-- MP4 must be first for iPad! -->
        <source src="unbelievable.mp4" type="video/mp4" /><!-- Safari / iOS video    -->
        <source src="movie.ogg" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
    </video>
    
  • 0

    尝试为您的视频设置相对uri . “D:/ ...”仅适用于本地Windows,而不适用于所有浏览器 .

  • 4

    Chrome:该文件是否也包含音频?如果是这样,并且您正在桌面上播放它,请将扬声器连接到桌面并检查 .

    Firefox:不支持H.264内容

    IE9:以下内容应添加到您的页面 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  • 1

    这可能是由于视频编码 . 检查您的视频的编码,看看Chrome是否支持它 . 当我遇到它时,这可能是一个可能的原因 . 尝试使用像ff-mpeg这样的编码器来编码视频 .

  • 0

    我在IIS上托管时遇到了这个问题,并找到了解决方案Here . 在我的情况下,即使在Chrome上放置完整的视频网址也会给我404错误,因为MP4 MIME类型与tomcat没有相同't exist on site config. So, I added .mp4 with MIME video/mp4, and all got right. Dunno if that',但这值得一试......

  • 0

    autoplay loop 添加到视频标记以自动播放,如下所示:

    <!DOCTYPE html>
    <html>
    <body>
    <video width="320" height="240" autoplay loop>
      <source src="resources/sample/sample1.m4v" type="video/mp4" />
    </video>
    </body>
    </html>
    
  • 0

    只需将控件设置为标志,而不是键=值对:

    <!DOCTYPE html>
    <html>
    <body>
    
    <video width="320" height="240" controls>
      <source src="resources/sample/sample1.m4v" type="video/mp4" />
    </video>
    
    </body>
    </html>
    
  • 0

    视频无法在服务器中播放,因为IIS中未添加mime类型 .

    要添加Mime类型:

    •转到IIS并选择您的站点

    •单击菜单下的Mime类型,然后单击右侧选项卡上的添加

    •在文件名扩展名下添加mp4,在Mime类型下添加视频/ mp4,然后单击确定 .

    •重新启动IIS,现在运行该应用程序

相关问题