vedio
关注
分享
扫一扫
xingchen678
这个作者很懒，什么都没留下…
展开
-
HTML5 video的多视频循环播放，轮播视频
<div class="video"> <div class="container"> <div class="video-details row"> <h4 class="text-left color-white">初始视屏名</h4> <...转载 2019-09-16 09:32:47 · 7261 阅读 · 0 评论 -
html5的vedio循环轮播视频和图片,
<img id="imgView" src="images/bg.jpg" class="thumbnail" /><video id="videoView" src="" autoplay="autoplay" controls volume="true" muted="muted" ></video>var notices = null;va...原创 2019-09-16 09:40:27 · 7079 阅读 · 3 评论 -
Vue播放m3u8视频格式的视频监控（适合移动端和pc端），用了Video.js，以及多视频列表循环播放代码，已测试，可播放
先介绍只有一个视频的代码首先，我们需要在vue工程中安装video.js相关依赖。npm install --save video.jsnpm install --save videojs-contrib-hls接着，我们在需要播放视频的页面引入js对象import videojs from 'video.js/dist/video.min' import 'v...原创 2019-09-16 20:40:40 · 7540 阅读 · 5 评论 -
PC端使用videojs播放rtmp视频，已测试，可以播放
！！注意以下几点：一定要把代码放到服务器上运行，然后访问index.html，不可本地打开使用。demo使用的video.js版本是5.5.3，其他版本我还没进行测试，大家可以自己去试试。videojs官网亲测在谷歌，ie9以上浏览器都可以正常播放，ie8还有点问题。截止我写博客时我用的rtmp视频源是可用的，如果大家发现无法播放，可以试试其他的视频源，这里提供几个，仅供参考：香港卫视...转载 2019-09-17 18:46:06 · 2123 阅读 · 0 评论 -
PC端使用VUE技术，videojs播放rtmp视频，已测试，可以播放
截止我写博客时我用的rtmp视频源是可用的，如果大家发现无法播放，可以试试其他的视频源，这里提供几个，仅供参考：香港卫视,rtmp://live.hkstv.hk.lxdns.com/live/hks香港财经,rtmp://202.69.69.180:443/webcast/bshdlive-pc韩国GoodTV,rtmp://mobliestream.c3tv.com:554/live/g...原创 2019-09-17 18:55:02 · 2472 阅读 · 2 评论 -
利用H5实现RTMP流的WEB移动端直播
主要实现方式：使用H5的video 元素结合H5的网络频播放器（video.js）实现rtmp流的直播播放video.js 介绍Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。优点： 1.它是开源免费的，你可以在github很容易的获取它的最新...转载 2019-09-17 20:11:46 · 3734 阅读 · 3 评论 -
pc端和移动端的video标签播放m3u8格式视频，已测试，可以播放
直接使用video.js插件就行了video插件用法：https://www.awaimai.com/2053.html以下是全部代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频...转载 2019-09-18 09:15:55 · 7521 阅读 · 6 评论