【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启动服务：

 

 结果如下：

 

posted @ 2021-05-14 14:16  vickylinj  阅读(1370)  评论(0)  编辑  收藏  举报