有支持M3U8格式的HTML5播放器吗？
回复内容：
有，safari的h5原生支持hls(m3u8)播放
chrome等浏览器需要自己写解码，参考这个videojs/videojs-contrib-hls · GitHub
也就是说HTML5 Video Player 安装videojs-contrib-hls插件就可以了 播放器本身只提供了界面，不提供解码支持
解码跟使用的浏览器有关
目前chrome支持最多
也可以调用本地播放器，但是就和HTML5的界面没关系了
<span class="nt"><html></span>
<span class="nt"><head></span>
<span class="nt"><title></span>HTTP Live Streaming Example<span class="nt"></title></span>
<span class="nt"></head></span>
<span class="nt"><body></span>
<span class="nt"><video</span>
<span class="na">src=</span><span class="s">"http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8"</span>
<span class="na">height=</span><span class="s">"300"</span> <span class="na">width=</span><span class="s">"400"</span>
<span class="nt">></span>
<span class="nt"></video></span>
<span class="nt"></body></span>
<span class="nt"></html></span>
Copy after login
Sewise Player可以。
https://github.com/jackzhang1204/sewise-player
http://www.52player.com/VideoPlayer/2014/121751.html
发现很多答案都是用Flash实现的，我分享个github上JS做HSF -> MP4 转码，然后用canvas来绘制实现视频的： RReverser/mpegts · GitHub
除了safari外，其它都不行。都是去调的swf
M3U8是HLS文件的后缀名，这种格式是流媒体（我现在的工作就跟这个有很大关联），具体的html5的播放器我不确定，但是如果你想在自己的PC上播起来的话，可以试试安装VLC播放器，打开之后Ctrl+“N”,然后输入m3u8文件的link，然后播放即可。
我怎么记得M3U是一种MP3播放列表文件，而后面的8代表是UTF-8编码。
苹果有使用这种格式：「在IOS device和mac上可以用http的方式进行分发，其中playlist标准为由m3u扩展而来的m3u8文件，媒体文件为MPEG2-TS或者AAC」
你还是看看文件大小，如果不到1MB的话估计只是个纯文本文件啊～
M3U8为mac专有的视频格式, mac\ios下的浏览器都支持M3U8的html5播放
<span class="nt"><html></span> <span class="nt"><head></span> <span class="nt"><title></span>HTTP Live Streaming Example<span class="nt"></title></span> <span class="nt"></head></span> <span class="nt"><body></span> <span class="nt"><video</span> <span class="na">src=</span><span class="s">"http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8"</span> <span class="na">height=</span><span class="s">"300"</span> <span class="na">width=</span><span class="s">"400"</span> <span class="nt">></span> <span class="nt"></video></span> <span class="nt"></body></span> <span class="nt"></html></span>
https://github.com/jackzhang1204/sewise-player http://www.52player.com/VideoPlayer/2014/121751.html 发现很多答案都是用Flash实现的，我分享个github上JS做HSF -> MP4 转码，然后用canvas来绘制实现视频的： RReverser/mpegts · GitHub 除了safari外，其它都不行。都是去调的swf M3U8是HLS文件的后缀名，这种格式是流媒体（我现在的工作就跟这个有很大关联），具体的html5的播放器我不确定，但是如果你想在自己的PC上播起来的话，可以试试安装VLC播放器，打开之后Ctrl+“N”,然后输入m3u8文件的link，然后播放即可。 我怎么记得M3U是一种MP3播放列表文件，而后面的8代表是UTF-8编码。
苹果有使用这种格式：「在IOS device和mac上可以用http的方式进行分发，其中playlist标准为由m3u扩展而来的m3u8文件，媒体文件为MPEG2-TS或者AAC」
你还是看看文件大小，如果不到1MB的话估计只是个纯文本文件啊～ M3U8为mac专有的视频格式, mac\ios下的浏览器都支持M3U8的html5播放
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1673
14
1428
52
1333
25
1277
29
1257
24
H5 Code: Best Practices for Web Developers
Apr 16, 2025 am 12:14 AM
Best practices for H5 code include: 1. Use correct DOCTYPE declarations and character encoding; 2. Use semantic tags; 3. Reduce HTTP requests; 4. Use asynchronous loading; 5. Optimize images. These practices can improve the efficiency, maintainability and user experience of web pages.
H5: The Evolution of Web Standards and Technologies
Apr 15, 2025 am 12:12 AM
Web standards and technologies have evolved from HTML4, CSS2 and simple JavaScript to date and have undergone significant developments. 1) HTML5 introduces APIs such as Canvas and WebStorage, which enhances the complexity and interactivity of web applications. 2) CSS3 adds animation and transition functions to make the page more effective. 3) JavaScript improves development efficiency and code readability through modern syntax of Node.js and ES6, such as arrow functions and classes. These changes have promoted the development of performance optimization and best practices of web applications.
H5: How It Enhances User Experience on the Web
Apr 19, 2025 am 12:08 AM
H5 improves web user experience with multimedia support, offline storage and performance optimization. 1) Multimedia support: H5 and elements simplify development and improve user experience. 2) Offline storage: WebStorage and IndexedDB allow offline use to improve the experience. 3) Performance optimization: WebWorkers and elements optimize performance to reduce bandwidth consumption.
Understanding H5 Code: The Fundamentals of HTML5
Apr 17, 2025 am 12:08 AM
HTML5 is a key technology for building modern web pages, providing many new elements and features. 1. HTML5 introduces semantic elements such as, , etc., which enhances web page structure and SEO. 2. Support multimedia elements and embed media without plug-ins. 3. Forms enhance new input types and verification properties, simplifying the verification process. 4. Offer offline and local storage functions to improve web page performance and user experience.
Deconstructing H5 Code: Tags, Elements, and Attributes
Apr 18, 2025 am 12:06 AM
HTML5 code consists of tags, elements and attributes: 1. The tag defines the content type and is surrounded by angle brackets, such as. 2. Elements are composed of start tags, contents and end tags, such as contents. 3. Attributes define key-value pairs in the start tag, enhance functions, such as. These are the basic units for building web structure.
The Building Blocks of H5 Code: Key Elements and Their Purpose
Apr 23, 2025 am 12:09 AM
Key elements of HTML5 include,,,,,, etc., which are used to build modern web pages. 1. Define the head content, 2. Used to navigate the link, 3. Represent the content of independent articles, 4. Organize the page content, 5. Display the sidebar content, 6. Define the footer, these elements enhance the structure and functionality of the web page.
HTML5 and H5: Understanding the Common Usage
Apr 22, 2025 am 12:01 AM
There is no difference between HTML5 and H5, which is the abbreviation of HTML5. 1.HTML5 is the fifth version of HTML, which enhances the multimedia and interactive functions of web pages. 2.H5 is often used to refer to HTML5-based mobile web pages or applications, and is suitable for various mobile devices.
The Connection Between H5 and HTML5: Similarities and Differences
Apr 24, 2025 am 12:01 AM
H5 and HTML5 are different concepts: HTML5 is a version of HTML, containing new elements and APIs; H5 is a mobile application development framework based on HTML5. HTML5 parses and renders code through the browser, while H5 applications need to run containers and interact with native code through JavaScript.
