m3u8可以使用video标签进行播放吗？

唐王李世民

以前自己写的一个解析代码放在自己博客后端，可以自动解析某个地址的视频，然后使用video标签进行显示与播放。

但是现在那个地址的平台把媒体进行切片放到m3u8里了，可以解析到这个地址，但是使用video标签好像无法播放。

不使用其他方案，只在video标签里，有方方法实现播放吗？

谢谢大家了。

Oracle.

可以，再加个js
https://cdnjs.com/libraries/hls.js

唐王李世民

shuni9 发表于 2024-2-28 12:29
我之前试过：video标签，在电脑上不行；在苹果手机的safari可以

是不是要浏览器支持？像chrome内核的应该可以支持的吧，您有添加什么参数吗？谢谢您

皮卡丘

唐王李世民 发表于 2024-2-29 14:40
谢谢您的回复，这个不需要加载js的吧？

好的，您不用加也可以的

唐王李世民

皮卡丘 发表于 2024-2-29 14:33
可以

谢谢您的回复，这个不需要加载js的吧？

皮卡丘

可以

1. function param(name){
   
2.                 var match = new RegExp(name+"=([^&]+)").exec(location.href);
   
3.                 return match ? match[1] : null;
   
4.         }
   
5. var type='video/mp4';
   
6. 
   
7. if(param('url').indexOf('.m3u8')>-1){
   
8.         type='application/x-mpegURL';
   
9. }
   
10. else if(param('url').indexOf('.mkv')>-1){
    
11.         type='video/x-matroska';
    
12.        
    
13.        
    
14. }
    
15. 
    
16. var options = {
    
17. playbackRates: [0.5,1,1.5,2,3],
    
18. 
    
19. sources: [{
    
20.     src: param('url'),
    
21.     type: type
    
22.   }]
    
23. };
    
24. var player = videojs('playerCnt', options, function onPlayerReady() {
    
25.   videojs.log('播放器已准备就绪!');
    
26.   this.play();
    
27.   this.on('ended', function() {
    
28.     videojs.log('啊...这么快就结束了?!');
    
29.   });
    
30. });

复制代码

唐王李世民

Oracle. 发表于 2024-2-28 23:16
可以，再加个js
https://cdnjs.com/libraries/hls.js

谢谢您的回复

唐王李世民

3634048 发表于 2024-2-28 20:46
了解一下什么叫 h5 播放器 就知道播不播得了m3u8了

我看到网上有些人说可以，有些说不可以，所以不太明白了。

shuaizi

想知道是哪个平台

3634048

7836246 发表于 2024-2-28 14:12
m3u8不可以使用video标签进行播放

了解一下什么叫 h5 播放器 就知道播不播得了m3u8了

唐王李世民

dc10aao 发表于 2024-2-28 14:14
我记得可以的吧，好像要浏览器支持。

谢谢您的回复，我研究一下