全球主机交流论坛

标题: m3u8可以使用video标签进行播放吗？ [打印本页]
作者: 唐王李世民    时间: 2024-2-28 12:11
标题: m3u8可以使用video标签进行播放吗？

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

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

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

谢谢大家了。
作者: shuni9    时间: 2024-2-28 12:16
dplayer可以
作者: 唐王李世民    时间: 2024-2-28 12:26
shuni9 发表于 2024-2-28 12:16
dplayer可以

不需要使用第三方播放控件的情况下呢？只单独使用video标签，谢谢您了
作者: shuni9    时间: 2024-2-28 12:29
唐王李世民 发表于 2024-2-28 12:26
不需要使用第三方播放控件的情况下呢？只单独使用video标签，谢谢您了

我之前试过：video标签，在电脑上不行；在苹果手机的safari可以

作者: 3634048    时间: 2024-2-28 12:29
加一个 hls js
作者: 唐王李世民    时间: 2024-2-28 12:32
3634048 发表于 2024-2-28 12:29
加一个 hls js

谢谢您的回复，我只想了解video里有没有方法可以实现
作者: 玉都山水郎    时间: 2024-2-28 12:32
原生的video标签不支持m3u8播放
作者: 唐王李世民    时间: 2024-2-28 12:33
shuni9 发表于 2024-2-28 12:29
我之前试过：video标签，在电脑上不行；在苹果手机的safari可以

是不是要浏览器支持？像chrome内核的应该可以支持的吧，您有添加什么参数吗？谢谢您
作者: 唐王李世民    时间: 2024-2-28 12:34
玉都山水郎 发表于 2024-2-28 12:32
原生的video标签不支持m3u8播放

谢谢您的回复
作者: 3634048    时间: 2024-2-28 13:07
唐王李世民 发表于 2024-2-28 12:32
谢谢您的回复，我只想了解video里有没有方法可以实现

video 本来就是 h5播放器， 需要播放就必须添加 hls js才可以的
作者: 唐王李世民    时间: 2024-2-28 14:01
3634048 发表于 2024-2-28 13:07
video 本来就是 h5播放器， 需要播放就必须添加 hls js才可以的

好的，谢谢您了，我研究一下
作者: 7836246    时间: 2024-2-28 14:12
m3u8不可以使用video标签进行播放
作者: dc10aao    时间: 2024-2-28 14:14
我记得可以的吧，好像要浏览器支持。
作者: 唐王李世民    时间: 2024-2-28 14:47
dc10aao 发表于 2024-2-28 14:14
我记得可以的吧，好像要浏览器支持。

谢谢您的回复，我研究一下
作者: 3634048    时间: 2024-2-28 20:46
7836246 发表于 2024-2-28 14:12
m3u8不可以使用video标签进行播放

了解一下什么叫 h5 播放器 就知道播不播得了m3u8了
作者: shuaizi    时间: 2024-2-28 23:06
想知道是哪个平台
作者: Oracle.    时间: 2024-2-28 23:16
可以，再加个js
https://cdnjs.com/libraries/hls.js
作者: 唐王李世民    时间: 2024-2-29 14:20
3634048 发表于 2024-2-28 20:46
了解一下什么叫 h5 播放器 就知道播不播得了m3u8了

我看到网上有些人说可以，有些说不可以，所以不太明白了。
作者: 唐王李世民    时间: 2024-2-29 14:25
Oracle. 发表于 2024-2-28 23:16
可以，再加个js
https://cdnjs.com/libraries/hls.js

谢谢您的回复
作者: 皮卡丘    时间: 2024-2-29 14:33
可以
  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';

  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. }

  16. var options = {
  17. playbackRates: [0.5,1,1.5,2,3],

  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. });
复制代码
作者: 唐王李世民    时间: 2024-2-29 14:40
皮卡丘 发表于 2024-2-29 14:33
可以

谢谢您的回复，这个不需要加载js的吧？
作者: 皮卡丘    时间: 2024-2-29 14:47
唐王李世民 发表于 2024-2-29 14:40
谢谢您的回复，这个不需要加载js的吧？

好的，您不用加也可以的



欢迎光临 全球主机交流论坛 (https://443502.xyz/) Powered by Discuz! X3.4