zoukankan html css js c++ java

【video】VideoJS播放hls视频

video_hls.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
</head>
<body>
<video
        id="my-video"
        class="video-js  vjs-big-play-centered"
        controls
        preload="auto"
        width="640"
        height="264"
        data-setup="{}"

>    
    <source src="./hls265/h265.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://unpkg.com/video.js/dist/video.min.js"></script>
</body>
</html>

hls265资源：

使用http-server启动服务：

结果如下：

查看全文

相关阅读:
事件基础
 DOM
GoWeb编程之多路复用
 GoWeb编程之HelloWorld
Linux libtins 库安装教程
 模式串匹配KMP详解
 树的重心
 Light OJ 1064
Light OJ 1060
1057

原文地址：https://www.cnblogs.com/vickylinj/p/14768383.html