videojs 直播播放HLS流 h264

古城微笑少年丶 2022-09-11 13:24 305阅读 0赞

<!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" />
    
        
        <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
    </head>
    <body>
    <video
            id="my-video"
            class="video-js  vjs-big-play-centered"
            controls
            preload="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 a
            web 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>

videojs  HLS直播只支持H264格式的

官方地址  [Video.js - Make your player yours | Video.js][Video.js - Make your player yours _ Video.js]

[Video.js - Make your player yours _ Video.js]: https://videojs.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关实现输出h264直播流的rtmp服务器

https://www.cnblogs.com/android-blogs/p/5685337.html][https_www.cnblogs.com_android-b...

Dear 丶/ 2024年04月17日 05:39/ 0 赞/ 47 阅读

相关 web播放 rtmp,rtsp,h264, h265,flv, hls 的解决方案

在遍地都是摄像头的今天，往往需要在各种信息化、数字化、可视化等B/S系统中集成实时视频流播放等功能，海康、大华、华为等厂家摄像头或录像机等设备一般也都遵循安防行业标准，支持国际

末蓝、/ 2024年02月20日 12:36/ 0 赞/ 54 阅读

相关浏览器web原生播放 rtmp,rtsp(h264, h265),flv, hls 的解决方案

一、liveweb简述 liveweb是一款超低延时(150-200毫秒)、秒启动、无插件web实时视频播放器，h5视频播放器，支持egde、firefox、Chrome、

落日映苍穹つ/ 2023年10月13日 23:54/ 0 赞/ 227 阅读

相关 windows ffmpeg + nginx + videojs 实现rtmp推流拉流及hls推流拉流直播

上一篇博客已经写了关于windows下面使用ffmpeg+nginx搭建rtmp推流拉流直播环境,可通过ffplay,vlc等pc端客户端软件播放,但因为涉及到浏览器播放原因,

r囧r小猫/ 2023年01月21日 02:29/ 0 赞/ 6 阅读

相关 videojs集成--播放rtmp流

[ ][Link 1]要是播不了的话，可以看下这篇文章。http://blog.csdn.net/cmqwan/article/details/76059703 之前说

た入场券/ 2022年09月27日 14:24/ 0 赞/ 296 阅读

相关 videojs 直播播放HLS流 h264

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

古城微笑少年丶/ 2022年09月11日 13:24/ 0 赞/ 306 阅读

相关 H264视频通过RTMP直播

http://blog.csdn.net/firehood\_/article/details/8783589 版权声明：本文为博主原创文章，未经博主允许不得

浅浅的花香味﹌/ 2022年06月13日 11:50/ 0 赞/ 342 阅读

相关 H264编码器11( H.264 探索第二部分 H264码流格式)

来自：[https://segmentfault.com/a/1190000006698552][https_segmentfault.com_a_11900000066985

深藏阁楼爱情的钟/ 2022年04月03日 04:58/ 0 赞/ 352 阅读

相关 videoJs播放视频

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

约定不等于承诺〃/ 2022年02月14日 02:55/ 0 赞/ 525 阅读

相关 videojs+hls+rtmp流媒体播放

前言：刚接触前端，小白一个，如有出错，请指正，谢谢！注：视频格式可以分为适合本地播放的本地影像视频和适合在网络中播放的网络流媒体影像视频两大类。一、互联网网络流媒

忘是亡心i/ 2021年12月21日 11:27/ 0 赞/ 696 阅读