怎么在HTML网页中插入视频

 我来答
有友星16
推荐于2019-09-17 · TA获得超过2763个赞
知道答主
回答量:8
采纳率:0%
帮助的人:6067
展开全部

向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_百度百科

博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景... 点击进入详情页
本回答由博思aippt提供
育知同创教育
2016-06-03 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

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、运行结果

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Prince____Yu
推荐于2017-09-02 · TA获得超过3718个赞
知道小有建树答主
回答量:864
采纳率:33%
帮助的人:950万
展开全部
  1. 用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>
更多追问追答
追答
问题解决了吗
追问
我想问下 为什么 IE 就可以正常播放 火狐的不行 说需要插件  什么插件啊
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jackzhag2015
2018-02-14 · TA获得超过1836个赞
知道小有建树答主
回答量:1145
采纳率:90%
帮助的人:401万
展开全部

<video>标签,

<video src="视频地址,支持.m4v, .mp4, .avi, .webm(视浏览器而定)" controls="controls"></video>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
仵依白6o
2019-12-21 · TA获得超过1423个赞
知道答主
回答量:3189
采纳率:15%
帮助的人:93.8万
展开全部
在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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式