m3u8格式視頻

在線直接看

            <!DOCTYPE html>
            <html lang="zh-CN">
            <head>
                <meta charset="UTF-8">
                <title>前端播放m3u8格式視頻</title>
                <!--https://www.bootcdn.cn/video.js/-->
                <link  rel="stylesheet">
                <script src="https://cdn.bootcss.com/video.js/6.6.2/video.js"></script>
                <!--https://www.bootcdn.cn/videojs-contrib-hls/-->
                <script src="https://cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
            </head>
            <body>
                <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup='{}'>    
                    <source id="source" src="http://58.222.72.108:7086/live/cameraid/1000005$25/substream/1.m3u8"  type="application/x-mpegURL">
                </video>
            </body>
            <script>    
                // videojs 簡單使用  
                var myVideo = videojs('myVideo',{
                    bigPlayButton : true, 
                    textTrackDisplay : false, 
                    posterImage: false,
                    errorDisplay : false,
                })
                myVideo.play() // 視頻播放
                myVideo.pause() // 視頻暫停
            </script>
            </html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容