密通学院

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3403|回复: 0

在html5中插入视频的一些说明

[复制链接]
  • TA的每日心情
    萌哒
    2018-7-9 11:48
  • 34

    主题

    41

    帖子

    2万

    铜板

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    22926

    最佳新人活跃会员热心会员

    发表于 2019-4-13 23:35:17 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    最近做项目时用到了HTML5的<video>标签,遇到了一些问题,下面了解一下这个HTML5及<video>标签。
    Web 上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。
    20160713153217305.png

    当前,video 元素支持三种视频格式:
    1、Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
    2、MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
    3、WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
    我们可能遇到的问题就是,都是MP4格式的视频有的有声音和画面,有的只有声音没有画面,其实就是视频格式不符合HTML视频格式规范导致,MP4的视频编码格式也分很多种,<video>适应的MP4是 带有 H.264 视频编码和 AAC 音频编码的视频文件,用格式工厂的话设置如下:
    未命名.PNG
    回复

    使用道具 举报

    快速回复: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 感恩
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    首页|Archiver|手机版|小黑屋|密通学院:专业网络营销服务商

    GMT+8, 2022-1-28 13:42 , Processed in 0.221680 second(s), 30 queries QQ

    Powered by XMT Inc. © 2015-2023 ArrayV1.0 豫ICP备17022382号

    系统运营:密城通 豫公网安备 41018302000212 号

    快速回复 返回顶部 返回列表