HTML5基于flash实现播放RTMP协议视频

最新推荐文章于 2025-06-11 17:38:38 发布

原创

最新推荐文章于 2025-06-11 17:38:38 发布 · 置顶 · 3.1w 阅读

28 ·

CC 4.0 BY-SA版权

文章标签：

#rtmp #html5

本文介绍如何利用HTML5和Flash实现RTMP协议视频的播放。注意需更新Flash并重启电脑，确保使用HTTP协议打开HTML文件，可从网盘获取完整DEMO（提取码：qzfe）。此外，添加'vjs-fluid'类可实现视频尺寸自适应。

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

HTML5基于flash实现播放RTMP协议视频

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js 7</title>
	<link href="css/video-js.min.css" rel="stylesheet">
	<style>
		body{background-color: #191919}
		.m{ width: 640px; height: 264px; margin-left: auto; margin-right: auto; margin-top: 100px; }
	</style>
</head>

<body>
	<div class="m">
		<video id="rtmpVideo" class="video-js vjs-default-skin vjs-big-play-centered vjs-fluid" controls preload="auto" width="640" height="264" data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
		
		  </video>
		<script src="js/video.min.js"></script>
		<script src="js/videojs-flash.min.js"></script>
		  <script type="text/javascript">
		   //设置中文
		  videojs.addLanguage('zh-CN', {
			  "Play": "播放",
			  "Pause": "暂停",
			  "Current Time": "当前时间",
			  "Duration": "时长",
			  "Remaining Time": "剩余时间",
			  "Stream Type": "媒体流类型",