Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

小程序内嵌视频号视频,无法加载到wx-channel-video组件 #477

Open
1026203093 opened this issue Feb 4, 2024 · 11 comments
Open

Comments

@1026203093
Copy link

1026203093 commented Feb 4, 2024

相关代码如下:

<template>
  <div class="channelVideo">
    <wx-channel-video
      v-if="feedToken"
      finder-user-name="xxxxx"
      :feed-token="feedToken"
      object-fit="cover"
    >
    </wx-channel-video>
  </div>
</template>


<script>
import { queryParamToObj } from "@/utils/common";
export default {
  name: "ChannelVideo",
  data() {
    return {
      feedToken: "",
    };
  },
  created() {
    const query = queryParamToObj(window.location.search);
    this.feedToken = query.feedToken;
  },
}
</script>

可以确认feedToken和feedToken是正确的 并且feedToken有值,但是页面空白的 ,控制台无任何报错
是不是因为基础库没有更新呢 channel-video支持最低版本是2.31.1

@1026203093
Copy link
Author

1026203093 commented Feb 18, 2024

https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#%E4%BD%BF%E7%94%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%86%85%E7%BD%AE%E7%BB%84%E4%BB%B6
wx- 前缀已支持内置组件列表中并没有支持这个内置组件,麻烦尽快支持下 @JuneAndGreen

@JuneAndGreen
Copy link
Collaborator

@1026203093
Copy link
Author

1026203093 commented Mar 7, 2024

还是不行呢 我更新了这两个插件
packjson中显示如下:
"miniprogram-element": "^2.2.18",
"miniprogram-render": "^2.2.26",

我把这个wx-channal-video 放到一个页面去显示空白,尝试直接在父组件中引用子组件,子组件写这个wx-channal-video也是无效
<wx-channel-video finder-user-name="sphl67991iaxIcm" feed-token="token/A1JbFN0np" feed-id="export/UzFfAgtgekIEAQAAAAAAvWAm7k0uvAAAAAstQy6ubaLX4KHWvLEZgBPE_4EgOAYnC9aFzNPgMJpOocyWwgQwXUXLyF8XTMkG" > </wx-channel-video>
这个放到原生小程序片段中是可以显示的
但是我现在页面渲染出来 是这样的

image
感觉并没有把这个标签识别出来 是需要设置什么

@JuneAndGreen
Copy link
Collaborator

参考一下 demo3 ?我在里面补充了用例,是可以的

@1026203093
Copy link
Author

1026203093 commented Mar 8, 2024

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

@JuneAndGreen
Copy link
Collaborator

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

@JuneAndGreen
Copy link
Collaborator

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

@1026203093
Copy link
Author

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

是的 用的扩展库,要不您这两天更新下这个扩展库

@1026203093
Copy link
Author

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

应该是开发者工具点击跳转不过,使用API跳转的话,也只能到系统弹框提示是否跳转过去这一步

@JuneAndGreen
Copy link
Collaborator

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

另外点击逻辑我看是和原生表现一样?就是点击会跳转到视频号。

应该是开发者工具点击跳转不过,使用API跳转的话,也只能到系统弹框提示是否跳转过去这一步

工具只是模拟,没有真正的视频号环境的。以真机预览为准,可以看看是否和原生表现对齐了,我这边自测应该是对齐的。

@JuneAndGreen
Copy link
Collaborator

JuneAndGreen commented Mar 13, 2024

参考一下 demo3 ?我在里面补充了用例,是可以的

我看了demo3 拉到本地编译后也是可以展示的。我这视频号信息换成我的也可以展示,但无法点击播放。我自己的项目不行,以为是npm缓存, 清理后 ,而且本地的node_modules删了,重新install 也不行 。

你是不是使用了扩展库?扩展库会比较滞后,而且需要灰度

是的 用的扩展库,要不您这两天更新下这个扩展库

这个灰度周期比较长,近期小程序视频号组件会有新特性更新,需要等基础库那块的能力测试完准备上线时再灰扩展库。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants