rtmp html5播放,html flash播放视频
基于flash播放HTML5协议视频。具体代码如下:
!doctype htmlhtmlheadmeta charset= utf-8 标题视频。js 7/title link href= CSS/video-js。量滴CSS rel= style sheet 样式正文{ background-color:# 191919 } .m{宽度:640像素身高:264px左边距:自动;右边距:自动;边距-顶部:100 px }/style/headbydivclass= 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= { html 5 :{ native text tracks :false } } /video script src= js/video。min /script src= js/视频js-flash。部设置中文videojs.addLanguage(zh-CN ,{ Play :播放,暂停: 暂停,当前时间: 当前时间,持续时间: 时长,剩余时间: 剩余时间,流类型: 媒体流类型,现场: 直播,已加载: 加载完毕,进度: 进度,全屏: 全屏,非全屏: 退出全屏,静音: 静音,取消静音: 取消静音,回放速度: 播放速度,字幕: 字幕,字幕关闭: 关闭字幕,标题: 内嵌字幕,字幕关闭: 关闭内嵌字幕,章节: 节目段落,关闭模式对话框: 关闭弹窗,描述: 描述,描述关闭: 关闭描述,音轨: 音轨,您中止了媒体播放: 视频播放被终止、"网络错误导致媒体下载部分失败。": 网络错误导致视频下载中途失败无法加载媒体,可能是因为服务器或网络出现故障,或者是因为格式不受支持。 视频因格式不支持或者服务器或网络的问题无法加载由于损坏问题或媒体使用了您的浏览器不支持的功能,媒体播放被中止。 由于视频文件损坏或是该视频使用了你的浏览器不支持的功能,播放终止未找到该媒体的兼容源。 无法找到此视频兼容的源媒体被加密了,我们没有解密它的密钥。: 视频已加密,无法解密播放视频: 播放视频,关闭: 关闭,模态窗口: 弹窗,这是一个模态窗口: 这是一个弹窗,此模式可通过按下退出键或激活关闭按钮来关闭。: 可以按经济社会委员会按键或启用关闭按钮来关闭此弹窗,,打开字幕设置对话框: ,开启标题设置弹窗,,打开字幕设置对话框: ,开启字幕设置弹窗,,打开描述设置对话框: ,开启描述设置弹窗,,已选择: ,选择,字幕设置: 字幕设定,音频播放器: 音频播放器,视频播放器: 视频播放器,重播: 重播,进度条: 进度小节,音量: 音量,字幕设置: 字幕设定,描述设置: 描述设定,文本: 文字,白色: 白,黑色: 黑,红色: 红,绿色: 绿,蓝色: 蓝,黄色: 黄,洋红色: 紫红,青色: 青,背景: 背景,窗口: 视窗,透明: 透明,半透明: 半透明,不透明: 不透明,字体大小: 字体尺寸,文本边缘样式":"字体边缘样式,无: 无,提高: 浮雕,抑郁: 压低,统一: 均匀,阴影: 下阴影,字体系列: 字体库,比例无衬线: 比例无细体,等宽无衬线: 单间隔无细体,比例衬线: 比例细体,等宽衬线: 单间隔细体,随意: 舒适,脚本: 手写体,小型大写: 小型大写字体,重置: 重启,将所有设置恢复为默认值: 恢复全部设定至预设值,完成: 完成,标题设置对话框: 字幕设定视窗对话窗口的开始逃脱。将取消并关闭窗口。 开始对话视窗。
离开会取消及关闭视窗,对话窗口结束。: 结束对话视窗});视频js。选项。闪光。swf= js/video-js。主权财富基金;//初始化视频,设为全局变量var myPlayer=videojs(rtmpVideo ,{ autoplay: true,controls: true,//控制条静音:真,//静音预加载:"自动",//预加载语言: zh-CN ,//初始化语言播放速率:[1,2,3,4,5,8,10,20],//播放速度techOrder: [flash],来源:[{/* rtmp://live。香港电视。香港。LX DNS。 rtmp://www .无人机-太空。com/VOD 2/us space 3。 MP4 ,//这里设置你的播放资源,type: rtmp/flv }]},function () { console.log( -成功初始化视频- );myPlayer.one(playing ,function () { //监听播放console.log(开始播放);});myPlayer.one(error ,function (error) { //监听错误console.error(监听到异常,错误信息:%o ,错误);});});/script/div/body/html另外,可能需要更新闪光,更新完重启电脑,然后点击允许闪光就可以了
!看到评论里有人说没有,我特意下载了网盘资源看了一遍。没问题,视频没反应。可能是因为你用了文件协议打开html,所以要用http格式打开。你自己做了阿帕奇。
演示网盘下载链接:
链接:https://pan.baidu.com/s/1i7ATxe78jDaLnZM4YRb3tA取款代码:uqsa
2020年8月28日:在视频类中加入vjs-fluid可以实现resize效果,估计demo上没有。
这就是本文关于基于flash的html5播放RTMP协议视频的示例代码。关于HTML5播放RTMP协议视频的更多信息,请搜索之前的文章或继续浏览下面的相关文章。希望你以后能支持我!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。