在微信小程序中，视频要怎么让他显示出来呢，并且可以播放不会黑屏

在微信小程序中添加视频并让它正常显示和播放，你可以按照以下步骤操作：

1. **引入视频组件**：在你的.wxml文件中，使用`<video>`标签来添加视频元素。例如：

<view class="video-container">
  <video src="{{ videoSrc }}" wx:if="{{ isVideoVisible }}" controls></video>
</view>

这里的`src`属性用于指定视频源，`controls`属性让视频有控制条。

2. **设置数据**：在对应的wxss样式表中定义容器样式，然后在.js文件中初始化数据，如视频URL和显示状态：

Page({
  data: {
    videoSrc: 'path_to_your_video.mp4', // 替换为你的视频地址
    isVideoVisible: false, // 初始隐藏
  },
})

3. **控制显示与隐藏**：如果需要通过某个按钮或条件触发视频显示，可以在`.js`文件中编写事件处理函数：

onPlayVideo() {
  this.setData({ isVideoVisible: true });
},
onHideVideo() {
  this.setData({ isVideoVisible: false });
}

然后在模板中绑定这些方法到相应的按钮上。

4. **解决黑屏问题**：确保视频格式兼容（微信小程序支持常见的MP4、HLS等），并且视频本身没有损坏。如果是网络问题导致加载失败，可以考虑提供备用图片或者在加载时添加占位提示。

5. **测试**：在开发工具的预览功能下检查视频是否能正常播放，必要时调试网络请求和权限设置。