小程序video无法正常播放

最新推荐文章于 2024-07-04 16:37:43 发布
最新推荐文章于 2024-07-04 16:37:43 发布
阅读量287 收藏
点赞数 1
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55666792/article/details/139461607
版权

前段时间在修改bug中看到了这个bug
原因可能会有的几点
1.视频在网站上正常打开，微信开发者工具中不能显示，微信开发者工具版本跟不上 在微信开发者工具中不能正常播放 需要更新到最新版本
2.文件后缀名错误
3.最重要的一点
文件名不能出现中文，空格！！！
文件名不能出现中文，空格！！！
文件名不能出现中文，空格！！！
重要的事情说三次

翻车请V我
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决小程序video控件在真机黑屏问题
01-05
解决小程序video控件在真机播放时视频黑屏问题，下载后执行如下命令： mp4box.exe -inter 500 -isma -hint 123.mp4
微信小程序开发使用video标签黑屏、不显示、无法播放视频
2303_76868290的博客
06-02 891
一开始我是插入的的本地视频，但发现可能文件过大需要分片，比较麻烦。⑥然后，在微信小程序开发中对应的代码index.wxml文件中。②上传之后，等审核成功后，在个人中心打开视频，① 我们可以将视频上传到云端（比如好看视频）将刚复制的对应代码粘贴到对应src中即可。⑤ 复制“Video url”⑧然后重新编译一下就饿可以了。希望可以帮助大家解决问题。
微信小程序使用video组件播放视频功能示例【附源码下载】
08-28
主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下
小程序视频（video）播放不了
weixin_63456913的博客
01-12 4586
1、级别太低，事件点击不了。在高级别的元素的子元素上加。2、原因：URl加密了。在高级别的元素上添加。
微信小程序video组件出现无法播放或卡顿
ddr66288的博客
03-12 3088
微信小程序使用video组件播放视频的时候，会出现卡顿或者无法播放的问题，加一个custom-cache=”true“即可解决，这个属性文档上没有，是从小程序开发社区中get到的。 转载于:https://www.cnblogs.com/xiaoyaoxingchen/p/10519269.html...
微信小程序video组件列表播放视频wxvideos-master.zip
09-25
在这个“微信小程序video组件列表播放视频wxvideos-master.zip”项目中，重点是利用微信小程序的`<video>`组件来实现视频列表的播放功能。 `<video>`组件是微信小程序中用于展示视频的核心元素，它可以加载并播放...
微信小程序视频播放DEMO
04-19
8. **兼容性处理**：不同的手机型号和操作系统版本可能对视频支持程度不同，因此需要进行兼容性测试，确保在各种环境下都能正常播放。 9. **性能优化**：为提高用户体验，可以考虑视频的预加载、流式加载等技术，...
微信小程序上实现滚动播放等视频相关的效果
08-10
总结，实现微信小程序上的滚动播放视频效果，需要结合`<video>`组件、滚动事件监听、动态控制播放状态以及性能优化策略。通过深入理解微信小程序的API和事件机制，以及熟悉`mp_scroll_play_demo-master`项目的源码，...
videoUI全屏播放微信小程序.rar
06-08
微信小程序虽然不直接提供`VideoView`，但它提供了`<video>`标签来播放视频。实现全屏播放涉及以下步骤： 1. **视频标签配置**：在WXML文件中，使用`<video>`标签，并设置`src`属性指向视频源，`controls`属性开启...
uniapp微信小程序video不显示，无法播放
weixin_47078502的博客
03-22 2646
uniapp微信小程序video不显示，无法播放
小程序：播放视频
snowball的博客
09-26 4365
短板三、虽然之前做过直播和短视频的业务，现在看来对视频播放相关内容了解也是少；至此，问题得到解决，但是排查的时候暴露了很多技术短板，短板一、对http相关内容了解还是少；短板二、对后端知识了解也不够；解决：需要使用服务器地址。
微信小程序开发video播放问题
weixin_39725702的博客
05-21 9060
问题：微信小程序开发中，如果请求接口为本地数据，真机测试的时候video无法播放，开发工具可以正常播放 解决： 真机测试的时候需要打开控制台vconsel ...
【微信小程序】video组件，ios无法播放视频
alikami的博客
01-25 1292
微信小程序的video组件，ios无法播放视频
Vuex 核心揭秘：打造高效前端状态库
a3098448071的博客
07-03 1075
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
WHAT - NextJS 的路由系统和 react-router-dom
最新发布
weixin_58540586的博客
07-04 853
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
在 .NET 8 Web API 中实现弹性
技术探索驿站
07-03 618
通过执行这些步骤，您已使用 Microsoft.Extensions.Http.Resilience 库将弹性集成到 .NET 8 Web API 项目中。重试策略、断路器设置和超时将有助于确保您的 API 能够抵御瞬时故障，从而提高其可靠性和用户体验。
【vueUse库Component模块各函数简介及使用方法--上篇】
xiejunlan的博客
07-02 1362
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
Vue前端打包
weixin_63680330的博客
07-04 253
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
微信小程序video标签
08-27
微信小程序的video标签用于显示和播放视频资源。可以通过设置video标签的src属性来指定视频的资源地址。同时可以使用controls属性来显示播放控件，initial-time属性来指定视频的初始播放位置，autoplay属性来自动播放视频，muted属性来设置静音播放，object-fit属性来控制视频的大小和容器的适应方式。 然而，需要注意的是，在列表中直接使用video标签加载多个视频会导致页面卡顿。因此，建议在列表中使用封面图和播放小图标来显示视频元素，点击后再进行播放操作，以减少页面卡顿现象。 此外，对于腾讯视频的地址vkey是定时变化的，因此无法直接写死在程序中。需要通过后端抓取接口，过滤掉无用字符串，解析json，组合地址，然后将合适的视频地址通过接口返回给小程序video组件的src属性，以实现正常播放视频。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信小程序：video标签默认显示视频的第一帧作为封面](https://blog.csdn.net/mouday/article/details/118517724)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序video组件调用腾讯视频的解析](https://blog.csdn.net/cj372835766/article/details/108417813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值