HTML视频

HTML视频

开发工具与关键技术:DW  HTML

作者:尘则

撰写时间:2021/10/8

首先,在 HTML 中播放视频很麻烦,有不少问题。像是游览器不支持某些标签,导致视频无法播放。今天各位说些我遇到的问题还有解决方法。

第一个:<embed> 标签

<embed> 标签的作用是在 HTML 页面中嵌入多媒体元素。

下面的 HTML 代码显示嵌入网页的 Flash 视频:

<embed src= "MyVideo_1.swf" height="300" width="400"/>

注意:

1.HTML4 无法识别 <embed> 标签。您的页面无法通过验证。

2.如果浏览器不支持 Flash,那么视频将无法播放

3.iPad 和 iPhone 不能显示 Flash 视频。

4.如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。

第二个:<object> 标签

<object> 标签的作用是在 HTML 页面中嵌入多媒体元素。

下面的 HTML 片段显示嵌入网页的一段 Flash 视频:

<object data="movie.swf" height="300" width="400"/>

注意:

1.如果浏览器不支持 Flash,将无法播放视频。

2.IPad 和 iPhone 不能显示 Flash 视频。

3.如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。

最好的 HTML 解决方法:

<div class="rf">

    <video width="400" height="300" controls="controls">

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

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

  <source src= "MyVideo_1.wedm" type="video/webm" />

  <object data= "MyVideo_1.mp4" width="400" height="300">

    <embed src="movie.swf" width="400" height="300" />

  </object>

</video>

</div>

上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。

注意:

1.您必须把视频转换为很多不同的格式

2.<video> 元素无法通过 HTML 4 和 XHTML 验证。

3.<embed> 元素无法通过 HTML 4 和 XHTML 验证。

注释:使用 <!DOCTYPE html> (HTML5) 解决验证问题。

这些是我所知到的HTML视频,所以我要分享给你们,希望可以帮助到你们。以上就是我的分享,萌新出道,请多指教。

如果有更好的方法欢迎在评论区教导和提问喔!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值