y***@163.com
y***@163.com
  • 发布:2020-12-01 18:51
  • 更新:2020-12-01 23:34
  • 阅读:1787

M3U8视频,在系统自带浏览器可以播放,但是在uni-app打开同样的网页就无法播放

分类:uni-app

代码如下
使用腾讯的TcPlayer的播放CCTV1的直播流

1、用系统自带浏览器打开,正常播放;在uni-app使用webview打开页面,提示不支持播放此类型视频

2、换成chimee也是一样的问题,在uni-app的webview中无法播放

<!DOCTYPE html>  
<html lang="en">  
  <head>  
    <meta charset="UTF-8" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
    <title>视频</title>  
    <script  
      src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js"  
      charset="utf-8"  
    ></script>  
    ;  
  </head>  
  <body>  
      videopage  
    <div id="id_test_video" style="width: 100%; height: auto;"></div>  
  </body>  
  <script>  
    var player = new TcPlayer("id_test_video", {  
      m3u8: "http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8", //请替换成实际可用的播放地址  
      autoplay: true, //iOS 下 safari 浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的  
      poster: "http://www.test.com/myimage.jpg",  
      width: "100%", //视频的显示宽度,请尽量使用视频分辨率宽度  
      height: "320", //视频的显示高度,请尽量使用视频分辨率高度  
    });  
  </script>  
</html>  
2020-12-01 18:51 负责人:无 分享
已邀请:
phpw

phpw

同求解决方案

4***@qq.com

4***@qq.com - 全栈开发,十年开发经验,两年uni-app经验,承接各类app、小程序、公众号、PC站等等

你的代码是不是有问题啊?我保存为html文件 用浏览器打开显示这样

该问题目前已经被锁定, 无法添加新回复