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

代码如下

使用腾讯的TcPlayer的播放CCTV1的直播流

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

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

视频

charset="utf-8"

>

;

videopage

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", //视频的显示高度,请尽量使用视频分辨率高度

});

要使用uni-app内置的uni.navigateTo方法跳转到系统浏览器打开知乎网页,可以按照以下步骤进行操作: 1. 在需要跳转的页面中,使用uni.navigateTo方法跳转到一个中间页面(例如名为"externalLink"的页面)。 ```javascript uni.navigateTo({ url: '/pages/externalLink' }); ``` 2. 在"externalLink"页面的onLoad生命周期函数中,使用uni.getSystemInfo方法获取当前系统信息,并根据系统信息判断要打开的链接。 ```javascript onLoad() { uni.getSystemInfo({ success: (res) => { const platform = res.platform.toLowerCase(); let url = ''; if (platform === 'android') { url = 'intent://www.zhihu.com/#Intent;scheme=https;package=com.android.chrome;end'; } else if (platform === 'ios') { url = 'https://www.zhihu.com/'; } else { // 其他平台处理 } this.openExternalLink(url); } }); }, methods: { openExternalLink(url) { uni.redirectTo({ url: `/pages/webview?url=${encodeURIComponent(url)}` }); } } ``` 3. 在"externalLink"页面的methods中,定义openExternalLink方法,并通过uni.redirectTo方法跳转到一个webview页面,并将要打开的链接作为参数传递给webview页面。 ```javascript openExternalLink(url) { uni.redirectTo({ url: `/pages/webview?url=${encodeURIComponent(url)}` }); } ``` 4. 创建一个webview页面(例如名为"webview"的页面),用于展示外部链接。 ```html <template> <view class="container"> <web-view :src="url"></web-view> </view> </template> <script> export default { data() { return { url: '' }; }, onLoad(options) { this.url = decodeURIComponent(options.url); } }; </script> ``` 在这个示例中,通过判断当前系统平台(Android或iOS),选择不同的网页链接进行跳转。Android平台使用intent协议打开Chrome浏览器,iOS平台直接使用https协议打开知乎网页。 请注意,在跳转到webview页面时,需要将要打开的链接进行encodeURIComponent编码,以避免URL中的特殊字符引起的问题。 以上是使用uni-app内置的方法跳转到系统浏览器打开知乎网页的示例代码。您可以根据实际需求进行适当调整和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值