html中播放m3u8文件

你好，我是悦创。

更换有效 src 打开就行：

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><title>播放m3u8格式</title><link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"><script src="https://unpkg.com/video.js/dist/video.js"></script><script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script><!-- videojs-contrib-hls 用于在电脑端播放 如果只需移动端播放可以不引入 --></head><body><style>.video-js .vjs-tech {position: relative !important;}</style><div><video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" data-setup='{}'style='width: 100%;height: auto'><source id="source" src="http://xxxxxx/openUrl/GDj5iLK/live.m3u8" type="application/x-mpegURL"></source></video></div></body><script>var myVideo = videojs('myVideo', {bigPlayButton: true,textTrackDisplay: false,posterImage: false,errorDisplay: false,})myVideo.play()var changeVideo = function(vdoSrc) {if (/\.m3u8$/.test(vdoSrc)) {myVideo.src({src: vdoSrc,type: 'application/x-mpegURL'})} else {myVideo.src(vdoSrc)}myVideo.load();myVideo.play();}</script>

AI悦创·推出辅导班啦，包括「Python 语言辅导班、C++辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」，全部都是一对一教学：一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。QQ、微信在线，随时响应！V：Jiabcdefh，公众号：AI悦创

html中播放m3u8文件相关推荐

CKPlayer播放M3U8文件 (加载失败)问题
官网下载: ckplayer csdn下载: csdn 下载本地以后, 解压ckplayer.zip, 里面有示例文件, index.html, flashplayer.html等, index.ht ...
基于ffmpeg的播放器，播放m3u8文件时，seek问题
文章目录 1,准备知识, seek代码流程: 策略: 2,问题描述, 3,原因分析及其修改, 拿到这个问题,在不debug代码或查看日志的情况下,根据上面1的准备知识,可以大概判断出原因. 针对问题视 ...
android 3.0 m3u8,在Android中播放m3u8视频
我想直播视频,并且它采用m3u8格式.所以,我想下面的代码在Android中播放m3u8视频 public class StreamingPlayer extends Activity impleme ...
如何实现在直播中播放音频文件
在我们看直播的时候,经常会在直播过程中听到有掌声.口哨声.背景音乐等音效,那么这些声音特效是如何实现的呢大家有没有想过?anyRTC下面就为大家简单介绍一下如何实现在直播过程中播放音频文件. 功能描述 ...
如何在Windows 7 Media Center和Player中播放FLAC文件
An annoyance for music lovers who enjoy FLAC format, is there's no native support for WMP or WMC. If ...
WPF 播放m3u8文件(使用Vlc库，支持在线和离线播放)
简介: 目前主流的播放器都是调用VLC库(支持视频类型比较多且功能强大),主流视频网站采用的是流媒体传输协议(就是将一段视频切成无数个小段,这几个小段就是ts格式的视频文件,一段一段的 ...
html中 videojs 播放m3u8文件【方式一】
1. 播放效果 2. 实现代码如果你直接打开html播放不了,请更换src,因为http://live3.jogyhg.com/live/jr7owi3l160igq0_03c0e113e94d32 ...
第一次在Vue项目中播放m3u8格式视频遇到的问题和解决方法
一.m3u8文件第一次接触这种m3u8格式的视频文件,开始以为类似与.mp4这种,所以在项目中我通过html5提供的video标签做播放功能发现并不能成功,后来了解到M3U8文件是一种UTF-8编码 ...
m3u8手机批量转码_python+ffmpeg,批量转换手机中的m3u8文件
前段时间,有朋友找我帮忙,自述其手机上使用UC浏览器,缓存的电影有近千个,手机存储不够了,想把这些电影转存到PC机上,并且将其转换为Mp4文件.小事情,安排! 一.分析情况,确定方案. 首先连接手机, ...
linux浏览器不能播放音频文件夹,在html中插入音频文件在浏览器中播放音频文件的兼容性问题...
下面谈谈本人在html中插入音频文件,经过我的本地测试总结的一些问题(播放mp3文件): 1. 问题:IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放 Firefox ...

html中播放m3u8文件

html中播放m3u8文件相关推荐

最新文章

热门文章