2

我正在尝试在 html 的 div 标签中播放视频，但是当我使用以下代码时，浏览器询问我是否要下载视频。我不想下载它，我只想玩它。此消息也出现在 div 中

“您需要安装扩展程序才能查看此内容”

我用的是火狐浏览器

这是我在 html 文件中使用的：

<div>
<object type="Brave/quicktime" data="Brave.avi" width="624" height="352">
<param name="pluginurl" value="http://www.apple.com/quicktime/download/" />
<param name="controller" value="false" />
<param name="autoplay" value="true" />
</object>
</div>
4

3 回答 3

7

尝试使用视频标签

 <div>
   <video width="700" height="450" controls="controls" poster="image" preload="true">
     <source src="where the video is" type="video/mov"/>
     <source src="where the video is" type="video/mp4" />
     <source src="where the video is" type="video/oog" />
     Your browser does not support the video tag.
   </video>
</div>

您还需要使用不同的视频类型。html5 视频标签不支持 AVI 文件类型。

于 2013-01-28T16:20:42.947 回答
1

试试这个

<video width="624" height="352" controls>
<source src="Brave.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

此外，我不会使用 AVI 作为视频格式。

使用 MP4 然后您可以使用 HTML5 视频标签。

于 2013-01-28T16:19:46.663 回答
0

您的主要问题是您使用了无效的 MIME 类型（正如您自己指出的那样，浏览器返回“无效的 MIME 类型”消息）。您还使用了<object>从 HTML5 开始不推荐使用的标记。

在使用最新标记之前，请确保您的DOCTYPE声明为 , <DOCTYPE html>，仅此而已。这告诉浏览器您正在使用 HTML5 文档，并且应该加载正确的标签定义。如果您声明 HTML4 DOCTYPE，您的浏览器可能无法处理 HTML5 标记。

完成后，使用<video>标签。现在，您的标记应如下所示：

<DOCTYPE html>
<html>
    <head>
    <!-- your styles, scripts, and other head info -->
    </head>

    <body>
        <video src="Brave.avi" controls="yourControls" autoplay="false">
        Your browser doesn't support the `<video>` tag. /*this is a fallback*/
        </video>
    </body>
<html>

您会注意到标签没有type属性。<video>那是因为标签<video>实际上并不支持该属性。这可以减少编码，这总是一件好事。

附带说明，避免使用该.avi格式。h264 编解码器刚刚成为官方标准，这意味着使用.mp4，甚至经常被忽视的.ogg格式更可取，因为它们使用的带宽更少，并且得到更广泛的支持。

于 2013-01-28T17:17:40.643 回答