WEB浏览器视频流播放方案

lcyw

于 2021-02-22 20:22:16 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：智能安防系统开发 # 流媒体 # 直播相关

本文链接：https://blog.youkuaiyun.com/machh/article/details/113953712

智能安防系统开发同时被 3 个专栏收录

48 篇文章 ¥9.90 ¥99.00

订阅专栏

流媒体

18 篇文章

订阅专栏

直播相关

5 篇文章

订阅专栏

本文介绍了浏览器播放视频的多种方式，包括使用H5的video标签、播放HLS流、FLV流以及Media Source Extensions（MSE）播放视频流。详细阐述了每种方式的工作原理、优缺点，并提到了WebRTC在实时通讯中的应用。H5 video标签受格式限制，HLS流适合移动端，FLV流依赖Flv.js，MSE则允许动态构造媒体源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器播放视频的几种方法

一、H5 video标签

在浏览器播放视频，可以使用HTML5原生的video标签。但其播放的格式使用一定限制的，目前video只支持三种格式WebM、Ogg、MP4。

WebM：WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg ：Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
MP4： MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
上面三种可以直接使用video播放：

<video id="video-box" 
src="//cloud.video.taobao.com/play/u/755731755/p/1/e/6/t/1/283631891407.mp4" controls 
width="400px" heigt=

了解本专栏