html的video标签讲解,video标签支持的视频

  html的video标签讲解,video标签支持的视频

  HTML video适用于HTML 5,用于定义在线观看的视频流媒体。

  复制代码如下:

  video width= 320 height= 240 src= https:///movie . ogg controls= controls

  以下是评论文字。如果不支持HTML 5,浏览器会在这里显示文本。如果是,直接显示视频,忽略文字。

  /视频

  在HTML 4之前,如果要在网页中嵌入在线观看的视频,一般需要使用Flash视频流。通过使用object和Embed标签,您可以通过浏览器播放swf、flv和其他格式的视频文件,但前提是您的浏览器必须安装第三方插件:Adobe Flash Player。而现代的智能手机和iPad一般都不能支持Flash,所以无法在网络上浏览视频。HTML 5改变了这个事实。Web开发人员只需使用video标签就可以轻松加载视频文件,无需任何第三方插件。属性描述自动播放自动播放如果出现此属性,视频将在准备就绪后立即播放。控件控件如果该属性出现,它将向用户显示控件,如播放按钮。高度像素值设置视频播放器的高度。循环循环该属性出现时,媒体文件将在播放完毕后重新开始播放。预加载自动/元/无指定是否预加载视频。可能值:加载页面时自动加载整个视频元数据-加载页面时仅加载元数据无-加载页面后不加载视频* src视频地址要播放的视频的URL。建议使用绝对地址。宽度像素值设置视频播放器的宽度。如何写兼容的视频标签?

  由于旧的浏览器和Internet Explorer不支持视频元素,考虑到兼容性,我们必须找到一个支持这些浏览器的Flash文件的解决方案。不幸的是,与HTML 5音频一样,Firefox和Safari/Chrome也不支持视频的文件格式。因此,如果此时要使用HTML 5视频,需要创建三个视频版本。OGG,MP4,FLV/SWF复制代码如下:

  视频宽度=320 高度=240 控件

  !-与Firefox兼容-

  source src= https:///movie . ogg type= video/ogg /

  !-兼容Safari/Chrome -

  source src= https:///movie . MP4 type= video/MP4 /

  !-如果浏览器不支持视频标签,请使用flash -

  embed src= https:///movie . swf type= application/x-shock wave-flash

  width= 320 height= 240 allowscriptaccess= always allow full screen= true /embed

  /视频

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: