如何解决小程序视频插件bug找不到playerid为newsDetailVideo的txv-video组件

【拾光静好微微一笑】

于 2018-12-03 16:13:33 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序微信小程序插件bug 视频插件bug 小程序找不到playerid为*的txv-video组件

本文链接：https://blog.youkuaiyun.com/Taurus_0811/article/details/84770369

小程序专栏收录该内容

22 篇文章

订阅专栏

本文详细解释了在网页中遇到的视频组件加载错误问题，即找不到playerid为newsDetailVideo的txv-video组件。问题源于vid值在小程序onload事件初次渲染时未获取到。解决方案是在确保vid值存在后显示组件，并在onload事件中加入检查vid是否为空的逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

各位宝宝，我先简单说下我遇到的问题：点击网页先出现找不到playerid为newsDetailVideo的txv-video组件错误，然后页面渲染竟然无误，这是什么原因呢？
首先：我的vid是后端动态获取的，
其次：在小程序进行onload事件时，第一次渲染wxml时，vid的值是没有的，所以会提示此错误
最后：解决办法就是在拿到vid之后再显示此组件，具体代码如下：

<view hidden="{{tvphide}}" class='video'>	
 <txv-video wx:if="{{vid}}" vid="{{vid}}" playerid='myVideo'></txv-video>
</view>
在此我强调/3点：
1、 tvphide 默认为false,在拿到vid后才设置为true,
2、增加wx:if条件语句，保证vid有值时才会加载，
3、onload事件中增加一个条件  如果vid 不为空的情况下，才进行加载视频：
this.txvContext = txvContext.getTxvContext('myVideo');  //此处为playerid的值

再去看下控制台，是不是没有错误提示了，O(∩_∩)O哈哈~