LivePlayer(WEB H5播放器)
关注
分享
扫一扫
文章平均质量分 58
WEB H5 直播|点播播放器
Marvin1311
这个作者很懒，什么都没留下…
展开
-
如何在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器
在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器1、复制依赖文件1.1 示例 通过 webpack 插件自动复制依赖1.1.1、编辑你的 webpack.config.js1.1.2、若使用 vue-cli, 编辑你的 vue.config.js2、 html模板中引入依赖js3、编辑你的 Vue 组件4、H5直播点播播放器1、复制依赖文件1.1 示例 通过 webpack 插件自动复制依赖copy node_modules/@liveqing/liveplayer/dist/c原创 2020-11-11 17:43:57 · 4316 阅读 · 2 评论 -
LivePlayer.js免费的H5播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题
免费的H5播放器HLS/HTTP-FLV/WS-FLV/RTMP/H265/HEVC直播点播流播放常见问题1、页面控制台 Console 错误提示2、多分屏超过 6 路不能播放3、如何自适应 div4、播放器如何销毁5、LivePlayer.js使用安装1、页面控制台 Console 错误提示提示： TypeError: The element or ID supplied is not valid. (videojs)检查 video-url 设置的播放地址 是否有效（可以用 VLC 播放尝试）原创 2020-11-03 16:37:51 · 8194 阅读 · 2 评论 -
LivePlayer.js播放器遇到悬停英文提示如何切换显示成中文
遇到悬停英文提示如何切换显示成中文1、H5直播点播播放器2、页面遇到悬停英文提示3、切换显示成中文1、H5直播点播播放器下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html2、页面遇到悬停英文提示3、切换显示成中文添加 lang=“zh-CN” <html lang="zh-CN">.原创 2020-10-21 17:15:06 · 587 阅读 · 1 评论 -
LivePlayer.js直播点播播放器如何配置点播倍速列表及默认倍速
配置点播倍速列表及默认倍速配置倍速列表配置默认倍速前端代码示例H5直播点播播放器配置倍速列表如： player.playbackRates = new Array(“1”,“5”,“6”)配置默认倍速如：playback-rate=“5”前端代码示例 <live-player id="player01" playback-rate="5" video-url="http://192.168.2.135:10080/fvod/H5J1UAnMR/video.m3u8" live=原创 2020-08-07 17:38:46 · 1553 阅读 · 0 评论 -
LivePlayerH5直播点播播放器配置如何配置SWF路径
配置SWF路径vidojs 已经在 livepayer 依赖js中，无需再次引入<script>videojs.options.flash.swf = "liveplayer.swf";</script>H5直播点播播放器下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html原创 2020-07-16 15:22:15 · 1792 阅读 · 0 评论 -
H5|HTTP-FLV|WS-FLV|HLS|RTMP免费直播点播播放器如何自定义层叠DIV全屏后显示在视频上方
H5直播点播播放器下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html自定义层叠在视频上方的DIV在标签内的div，会自动显示在视频窗口上方<live-player id="player01" video-url="http://192.168.2.135:10080/vhls/0XpHAMvWR/0XpH原创 2020-06-05 18:24:32 · 1800 阅读 · 0 评论 -
LivePlayer.js如何配置iframe允许自动播放和全屏操作
H5直播点播播放器下载集成入口： https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.htmliframe 设置添加属性 allowfullscreen allow=“autoplay; fullscreen”<iframe src="" width="640" height="360" allowfullscreen al原创 2020-06-02 15:16:02 · 1616 阅读 · 0 评论 -
LivePlayer.js播放视频vue中切换url及poster不生效如何解决
网页直播、点播播放器资源下载：https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html将设置的方法放置到$nextTick this.$nextTick(() => { this.posterUrl = _p...原创 2020-03-10 18:02:46 · 1681 阅读 · 0 评论 -
VUE中集成H5直播点播播放器LivePlayer过程
基于VUE和webpck的前端工程这里可以参考 https://github.com/livegbs/GB28181-Server1、安装@liveqing/liveplayernpm -i @liveqing/liveplayer --save-dev2、webpack.config.js 添加配置这里是配置webpack自动copy，当然也可以手动复制到待发布的web目录，如ww...原创 2019-11-29 17:42:02 · 3920 阅读 · 0 评论 -
LivePlayer如何隐藏播放器中不想展示的按钮-H5直播点播播放器
LivePlayer播放器免费的H5直播点播播放器：https://www.npmjs.com/package/@liveqing/liveplayer隐藏播放器中按钮 <style> /* 隐藏画中画按钮 */ .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {...原创 2019-08-29 14:39:30 · 1573 阅读 · 0 评论 -
LivePlayer.js免费直播、点播播放器如何自适应div宽高集成播放视频
LivePlayer网页直播、点播播放器资源下载：https://www.liveqing.com/docs/download/LivePlayer.html使用说明：https://www.liveqing.com/docs/manuals/LivePlayer.html根据DIV宽高自适应显示播放<body> <div class="dydiv"> ...原创 2019-07-20 12:55:43 · 1305 阅读 · 0 评论 -
免费网页直播|点播播放器-自动重连解决网络|操作造成断流的播放问题
LivePlayer网页直播|点播免费播放器下载： 支持m3u8播放;支持HTTP-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带的flash支持极速和流畅模式;自带的flash支持HTTP-FLV播放;自动检测IE浏览器兼容播放;在线体验地址准备一个推流可以参照：https://blog.youkuaiyun.com/Marvin...原创 2019-04-24 15:11:01 · 14347 阅读 · 0 评论 -
liveplayer免费网页直播|点播播放器-页面动态多播放器添加代码示例
强大的网页直播/点播播放器，使用简单，功能强大， 终身免费使用支持m3u8播放;支持HTTP-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带的flash支持极速和流畅模式;自带的flash支持HTTP-FLV播放;自动检测IE浏览器兼容播放; 详见：https://www.npmjs.com/pac...原创 2019-04-17 12:23:06 · 25629 阅读 · 0 评论 -
网页直播/点播播放器支持WebRTC/http-flv/rtmp/m3u8等直播流播放
H5直播/点播播放器，使用简单，功能强大，支持WebRTC播放;支持MP4播放;支持m3u8/HLS播放;支持HTTP-FLV/WS-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带的flash支持极速和流畅模式;自带的flash支持HTTP-FLV播放;自动检测IE浏览器兼容播放;支持自定义叠加层;原创 2019-03-28 10:41:01 · 96486 阅读 · 8 评论 -
web点播/直播播放器-VideoJS 网页直播实现双击全屏
博客整理了，我们免费web点播/直播播放器liveplayer 相关功能的实现过程。记得关注哦。网页直播播放器更加符合广大人民群众的使用习惯,实现双击全屏的效果.目前网页直播播放器使用了开源的 VideoJS, 它的默认效果是单击播放区域暂停, 只能通过右下角的最大化按钮触发最大化. 要实现双击全屏播放的效果, 就要对 VideoJS 动点小手术, 下面介绍下其中两个关键的步骤.一. 禁用单击...原创 2019-03-27 09:32:29 · 31279 阅读 · 0 评论