【问题标题】:Html5 Video isn't workingHtml5 视频不工作
【发布时间】:2014-01-30 23:22:11
【问题描述】:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Video</title>

<style type="text/css"></style>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>

<div id="Content"><br>
<video width="854" height="480"  controls="controls">
<source src="MyMovie.mp4" type="video/mp4">
stuff
</div>

</body>
</html>`

当我在 Google Chrome 上查看此视频时,我看到了视频,但无法按下任何按钮,视频也无法开始。

【问题讨论】:

  • 你确定 Chrome 支持这种类型的视频吗?
  • 我相信答案就在这里stackoverflow.com/a/12174154/483536 Chrome 可以播放带有 H-264 视频的 .mp4,但不能播放 MPEG-4 Visual 视频。并且应该有一个结束的 标签。

标签: html video


【解决方案1】:

添加适当的编解码器如下:

【讨论】:

    【解决方案2】:

    如果您没有看到按钮,这可能是与您的 CSS 相关的问题。

    要让视频自动开始,请使用参数 autoplay="autoplay" (parameters of HTML5 video):

    JsFiddle 中的工作视频演示。

    工作代码:

    <div id="Content"><br>
        <video width="854" height="480"  controls="controls" autoplay="autoplay">
            <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
        stuff
            </video>
    </div>
    

    @Wayne 的回答:我相信答案在这里 stackoverflow.com/a/12174154/483536 Chrome 可以播放带有 H-264 视频的 .mp4,但不能播放 MPEG-4 Visual 视频。并且应该有一个结束标签。

    【讨论】:

    • 按钮显示他们只是不工作。当我使用您的代码但使用我的视频文件名时,它仍然无法使用 CSS 代码 #Content{width:900px;边距:0 自动;背景颜色:452070;列表样式类型:正方形;}
    【解决方案3】:

    错误的文档类型 ""

    HTML5 文档类型为:

    【讨论】:

    • 我试过了。唯一发生的事情是背景的颜色消失了。视窗不播放
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-09
    • 1970-01-01
    相关资源
    最近更新 更多