怎么在HTML网页中插入视频

发布网友 发布时间：2022-04-21 14:00

我来回答

共7个回答

热心网友 时间：2022-04-07 07:29

向HTML中插入视频有两种方法，一种是古老的object标签，一种是html5中的video标签。

前者兼容性相对好些，后者兼容性让人头疼。

示例如下： 

<video width="602px" height="345px" controls="controls"> 

<source src="public/video/test.mp4" type="video/mp4"></source> 

<source src="public/video/test.ogg" type="video/ogg"></source> 

your browser does not support the video tag 

</video> 

当前，video 元素支持三种视频格式： 

格式 IE Firefox Opera Chrome Safari 

Ogg No 3.5+ 10.5+ 5.0+ No 

MPEG 4 9.0+ No No 5.0+ 3.0+ 

WebM No 4.0+ 10.6+ 6.0+ No 

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 

注：格式必须符合上面三条详细要求，比如MPEG 4，必须是H.264视频和AAC音频。

扩展资料：

HTML

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

参考链接：HTML_百度百科

热心网友 时间：2022-04-07 08:47

HTML网页中插入视频需要用到vedio标签：

1、在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240">
  </object> 
</video>

2、HTML 多媒体标签

3、运行结果

热心网友 时间：2022-04-07 10:22

用object 标签

<object id="MediaPlayer" width="478" height="300" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=6,1,5,217" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" VIEWASTEXT>
          <param name="DisplayBackColor" value="0">
          <param name="DisplayForeColor" value="16777215">
          <param name="DisplayMode" value="0">
          <param name="DisplaySize" value="-1">
          <param name="Filename" value="mms://www-xxx-com/视频文件.wmv">
          <!-- 此处设置播放的视频连接 -->
          <param name="ShowControls" value="0">
        </object>

2.用html标签video

<video src="movie.ogg" controls="controls">
</video>

热心网友 时间：2022-04-07 12:13

<video>标签，

<video src="视频地址，支持.m4v, .mp4, .avi, .webm（视浏览器而定）" controls="controls"></video>

热心网友 时间：2022-04-07 14:21

在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320" height="240">

<embed src="movie.swf" width="320" height="240">

</object>

</video>

热心网友 时间：2022-04-07 16:46

如果想在HTML网页中插入视频，可以在相关的指令中输入相关视频的来源地址

热心网友 时间：2022-04-07 19:27

用Dreamweaver写追问知道 是用Object 还是 embed 怎么写

追答直接插啊 涉及到数据库吗