首页前端开发其他前端知识html5支持的格式有哪些?

html5支持的格式有哪些?

时间2024-03-27 00:10:03发布访客分类其他前端知识浏览929
导读:在这篇文章中,我们将学习“html5支持的格式有哪些?”的相关知识,下文有详细的介绍及示例,小编觉得挺不错的,有需要的朋友可以借鉴参考,希望对大家阅读完这篇能有所获。 html5不支持wmv视频格式。html5提供了...
在这篇文章中,我们将学习“html5支持的格式有哪些?”的相关知识,下文有详细的介绍及示例,小编觉得挺不错的,有需要的朋友可以借鉴参考,希望对大家阅读完这篇能有所获。

html5不支持wmv视频格式。html5提供了播放视频文件的标准,目前仅支持三种视频格式:1、MP4格式,是一套用于音频、视频信息的压缩编码标准;2、WebM格式,是由Google提出,是一个开放、免费的媒体文件格式;3、Ogg格式,使用Theora视频编解码器和Vorbis音频编解码器。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

WMV(Windows Media Video)是微软开发的一系列视频编解码和其相关的视频编码格式的统称,是微软Windows媒体框架的一部分。WMV包含三种不同的编解码:作为RealVideo的竞争对手,最初为Internet上的流应用而设计开发的WMV原始的视频压缩技术;另一种是为满足特定内容需要的WMV屏幕和WMV图像的压缩技术;在经过SMPTE(Society of Motion Picture and Television Engineers)学会标准化以后,WMV版本9被采纳作为物理介质的发布格式,比如高清DVD和蓝光光碟,即所谓的VC-1。

html5不支持wmv视频格式。

HTML5 提供了播放视频文件的标准,可以使用vedio> 标签定义视频,比如电影片段或其他视频流。

目前,video> 元素支持三种视频格式:MP4、WebM、Ogg。

格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
  • MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器

    MP4是一套用于音频、视频信息的压缩编码标准,由国际标准化组织(ISO)和国际电工委员会(IEC)下属的“动态图像专家组”(Moving Picture Experts Group,即MPEG)制定,第一版在1998年10月通过,第二版在1999年12月通过。MPEG-4格式的主要用途在于网上流、光盘、语音发送(视频电话),以及电视广播。

  • WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

    WebM由Google提出,是一个开放、免费的媒体文件格式。WebM 影片格式其实是以 Matroska(即 MKV)容器格式为基础开发的新容器格式,里面包括了VP8影片轨和 Ogg Vorbis 音轨,其中Google将其拥有的VP8视频编码技术以类似BSD授权开源,Ogg Vorbis 本来就是开放格式。 WebM标准的网络视频更加偏向于开源并且是基于HTML5标准的,WebM 项目旨在为对每个人都开放的网络开发高质量、开放的视频格式,其重点是解决视频服务这一核心的网络用户体验。Google 说 WebM 的格式相当有效率,应该可以在 netbook、tablet、手持式装置等上面顺畅地使用。

  • Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

示例:

!DOCTYPE html>
    
html>
    
head>
     
meta charset="utf-8">
     
/head>
    
body>
    

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

/body>
    
/html>
    


    以上就是关于“html5支持的格式有哪些?”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注网络,小编每天都会为大家更新不同的知识。

    声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

    html5

    若转载请注明出处: html5支持的格式有哪些?
    本文地址: https://pptw.com/jishu/653850.html
    react用什么ui组件库,各有什么特点 css规则分别有哪些种类型?

    游客 回复需填写必要信息