VideoJS播放hls视频

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" /><!-- If you'd like to support IE8 (for Video.js versions prior to v7) --><script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>
<body>
<videoid="my-video"class="video-js  vjs-big-play-centered"controlspreload="auto"width="640"height="264"data-setup="{}"><source src="http://video.xuecheng.com/video/lucene_ts/lucene.m3u8" type="application/x-mpegURL"/><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to aweb browser that<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>
</body>
</html>

最好将js文件下载到本地,引用,否则加载速度会过慢

VideoJS播放hls视频相关推荐

h5在IOS使用videojs插件播放hls视频
h5使用videojs插件播放hls视频踩坑点具体实现步骤 1. index.html页面引入(最好下载到本地) 2. npm install video-js 并且在需要看监控的页面引入 3. ...
使用videojs播放m3u8视频
vue3使用videojs 播放m3u8格式视频 videojs是一个播放视频的js库,可以通过videojs结合videojs-contrib-hls实播放m3u8格式视频.流媒体传输协议(hls) ...
videojs 播放 hls 流视频自动播放(autoplay + muted)
1.它没有之前 rtmp转流视频不能隐藏标签和离开页面会报错这个不会 2.自动播放无效解决 autoplay+autoplay 代码 <!DOCTYPE html> <ht ...
使用videojs播放m3u8视频监控。
一 . 实现过程中解决的问题 : 1. 全屏播放 2.切换页面后进入视频无法再次播放,解决方法利用生命周期函数beforeDestroy或onUnload里面销毁创建的video实例. 二.主要代码: ...
基于IJK打造自己的播放器(一) 简单集成使用ijkPlayer播放hls视频
一前言 ijk播放器的背景我就不多说了.随便一搜就有,我想说的是,这篇文章只是教大家适合使用ijkplayer. 这里适合新手.简单说一下我们常用的播放视频.一般来说,播放视频分成视频显示控件.视频 ...
php上传视频到七牛云并切片转m3u8,在七牛云存储上播放 HLS
在七牛云存储上播放 HLS HLS 是在移动端使用广泛的播放协议,可以用于直播,也可以用于点播.七牛云存储提供多种类型的视频文件向 HLS 的转换功能:音视频切片.同时,也提供了 m3u8 和 ts ...
video.js插件播放hls、rtmp
一.互联网网络流媒体简介 HTTP stream是各家自己定义的http流,应用于国内点播视频网站. HLS是苹果公司实现的基于 HTTP 的流媒体传输协议,全称 HTTP Live Streamin ...
H5播放HLS之hls.min.js库
H5播放HLS之hls.min.js库视频推流 H播放HLS 视频推流为了产生HLS视频,我们可以借助srs来实现rtmp推流并生成HLS流,具体详细使用可以参考我之前的文章,这里不再赘述. 我们 ...
VideoJS+HLS视频加密播放
前言前段时间遇到一个播放视频的项目,为了防止登录的用户下载项目的视频,所以需要对视频加密,即使用户下载也不能播放:因为前端采用videojs,最后确认方案是将mp4转m3u8文件格式,来实现视频文件 ...

VideoJS播放hls视频

代码

VideoJS播放hls视频相关推荐

最新文章

热门文章