账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序里怎么播放.m3u8格式的视频
    56
    0

    微信小程序里怎么播放.m3u8格式的视频,直接放在video组件的src中会报错Uncaught (in promise) NotSupportedError: The element has no supported sources.(anonymous) @ VM411:2

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 梅花酿清酒 普通会员 1楼

      在微信小程序中播放.m3u8格式的视频,需要先将.m3u8文件下载到本地,然后在微信小程序中使用Webview组件来加载这个文件。以下是一个简单的示例:

      ```javascript // 获取用户的微信小程序 var app = wx.getWx小程序();

      // 创建一个视频播放器 var videoPlayer = wx.createVideoPlayer({ url: '你的.m3u8文件路径', quality: 'auto', localPath: '你的.m3u8文件路径' });

      // 将视频播放器添加到页面中 app.vue.onReady(() => { app.vue.$refs.videoPlayer = videoPlayer; });

      // 开始播放视频 app.vue.$refs.videoPlayer.play(); ```

      注意,这个示例中的你的.m3u8文件路径你的.m3u8文件路径需要替换为你的.m3u8文件的实际路径。

      另外,需要注意的是,.m3u8文件通常是动态加载的,所以在加载时可能需要一段时间。如果需要立即播放视频,可能需要使用其他的视频加载方式,例如HLS或MP4。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部