Wordpress Gutenberg 媒体上传视频库

Posted 2023-02-19

【中文标题】Wordpress Gutenberg 媒体上传视频库

【英文标题】：Wordpress Gutenberg Media Upload Video Gallery

【发布时间】：2019-10-26 10:08:19

【问题描述】：

我想要在向<MediaUpload> 组件提供gallery 属性时使用的媒体上传弹出窗口。与普通 Mediaupload 的不同之处在于，您会在左侧看到一个侧边栏，在选择项目后，您会到达一个视图，您可以在其中重新排序媒体，如下面的第一张图片，而不是与我的代码一起出现的第二张图片使用：

<MediaUpload
  onSelect= this.onSelectMedia 
  /*todo here should be gallery attr but it will disable video selection*/
  allowedTypes= [ 'image', 'video' ] 
  accept="image/*,video/*"
  multiple
  value= this.media.map( ( m ) => m.mediaId ) 
  render= (  open  ) => (
    <IconButton
      label= __( 'Edit Media' ) 
      icon="images-alt2"
      onClick= open 
    />
  ) 
/>

当我添加gallery 属性时，allowedTypes 会被gallery 属性覆盖，并且只有图像会显示在MediaUpload 窗口中。

第一张图片，怎么样

第二张图片，我需要的（但显示图片+视频）

【参考方案1】：

我认为这与MediaUpload 组件本身无关，而是与wordpress 在其内置gallery 中仅允许image 类型的附件的基本逻辑有关。一旦您将道具gallery 添加到组件，媒体模式将默认为画廊编辑框架。也许可以扩展 gallery 类型以允许其他 mime 类型。

【讨论】：

是的，这就是我所知道和想到的。我愿意模仿确切的逻辑并完全重新实现 MediaUpload 组件或任何能给我这种行为的东西。但我需要代码，或者至少需要更多关于如何实现这一目标的指导。