代码如下
使用腾讯的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>
2 个回复
phpw
同求解决方案
4***@qq.com - 全栈开发,十年开发经验,两年uni-app经验,承接各类app、小程序、公众号、PC站等等
你的代码是不是有问题啊?我保存为html文件 用浏览器打开显示这样
y***@163.com (作者)
什么系统 ,什么浏览器
2020-12-02 10:44
4***@qq.com
回复 y***@163.com: 360极速浏览器
2020-12-02 20:04