首页 > 编程知识 正文

vue视频播放插件,vue使用video.js

时间:2023-05-04 06:02:03 阅读:157488 作者:2034

目前,必须使用videojs才能播放视频流。 代码如下所示。

video-player ref=' video players ' class=' vjs-custom-skin video player ' 3360 plays inline=' true ' 3360 options=' vvins video-player import { getvideopatrollist } from ' @/API ' import ' video.js/dist/video-js.CSS ' from ' vue-video-player ' import ' video js-flash ' import swf _ URL from ' video js-swf/dist/video props: ['floorId'],data ({ return } player option : { width : ' 420 ',heeter autoplay: true,playback rack loop: false,//视频结束后重新开始。 建议在preload: 'auto ',video加载元素后,浏览器是否应该开始下载视频数据。 auto浏览器选择最佳行为,并立即开始加载视频。 如果浏览器支持,请将语言: ' zh-cn '、aspectRatio: '16:9 '、//播放器置于平滑模式,并在计算播放器的动态大小时使用此值该值必须表示一个百分比。 冒号分隔的两个数字(例如(16:9 )或(4:3 ) ) notSupportedMessage: )暂时无法播放此视频。 请稍后再试一次。 (,fluid: true, 如果为true,则返回vidd,即容器调试: true,sources : [ { type : ' rtmp/MP4 ',src : ' rtmp 3360//58.200.131 ] techOrder: ['flash ',' html5'],//兼容顺序controls: true,/*进度条*/control bar : { time divivie } du ratte } remainingtimedisplay : false,fullscreenToggle: false //全屏按钮},flash : { HLS : } with credentiation swf: SWF_URL } } } }}结果报告了theflashtechisundefinedskippedbrowsersupportcheckforthattech错误:

我在网上查了一下,他说删除node_module,不使用cnpm,而是使用npm安装。 npm好几次都不好用。 后来发现版本不匹配,需要重新安装

解决方案vue3. x版:

' video js-contrib-HLS ' : '5. 12.2 ',' videojs-flash': '2.1.0',' videojs-swf'3360'^5.4。

可以播放视频!

vue2. x版:

web pack.base.conf.js modules : [ path.resolve (‘node _ modules’)、‘node _ modules’]

resolve : { modules : [ path.resolve (' node_modules )、' node _ modules ) ]http://www.Sina.com/

湖南卫视rtmp ://58.200.131.2:1935/live TV/hunantv

美国1,rtmp ://ns8.indexforce.com/home/mystream

韩国GoodTV,rtmp ://moblie stream.c3tv.com :554/live/good TV.SDP

香港卫视: rtmp ://live.hk stv.hk.LX DNS.com/live/hk S1

香港财经,rtmp ://202.69.69.1803360443/web cast/bshdlive-PC

朝鲜日报,rtmp ://live.Chosun.GS cdn.com/live/TV Chosun1. stream

美国2,rtmp 3360//media3. s CCTV.net/live/s CCTV _ 800

美国中文电视,rtmp 3360//media3. sinovision.net :1935/live/live stream

可用的RTMP直播地址

可以下载VLC以测试视频流是否可以播放

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。