[FR] Add a Video Player Plugin to AppFlowy Editor

[annieappflowy]

1~3 main use cases of the proposed feature Enable users to insert videos into pages

what types of users can benefit from using your proposed feature Users who use videos to express ideas

Reference:

• https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/documentation/customizing.md#customize-a-component

[MrHeer]

Can I take it?

[LucasXu0]

Sure. I assigned this issue to you.

[MrHeer]

Is there a more detailed requirements document and UI?

[LucasXu0]

At present, there is no perfect design draft. You can refer to the design of the image plugin, and support functionalities such as scaling, aligning, copying, deleting, etc.

[MrHeer]

Hi, I have no idea about video player. Do you have some suggestion? Should I develop a Flutter plugin?

[LucasXu0]

Hi, @MrHeer. You don't need to make a Flutter plugin. Here is the guiding document. customizing-a-component. Feel free to request more information if you have any questions after reading it.

[MrHeer]

But there should have a VideoNodeWidget like the ImageNodeWidget in example, In the example, use a Image.network to display a Image, but there are no weiget to render a video player.

[LucasXu0]

After doing a simple investigation, I haven't found such a widget to render video for the time being. Perhaps this feature can be suspended first.

[MrHeer]

Can I create a draft PR to waiting the video widget?

[LucasXu0]

Yup. I will keep looking for a cross-platform video player. (Web, Mobile and Desktop)

[ishtiaqshaheer]

Hi, is adding video player within editor available or ready yet?

[LucasXu0]

Bump it up. Finally, there's a package that supports all platforms(not verified yet.).

[MrHeer]

I have a lot of time to continue to complete this task.

[zhouxinghong]

Please support HTML5 online streaming video playback and image rendering.

Feature Request: Please support inserting HTML5 code format for online streaming video playback and image rendering in Markdown files:

<video controls muted preload="auto" poster="https://ndn.up-timely.com/image/mP0qOkMCWtMW.jpg" src="https://z001.sbs.us/video/00580mhb.mp4">
</video>

![](https://xdn.up-ti.com/71785/H5e4CWtMW.png)

<img src="https://xdn.up-ti.com/71785/H5e4CWtMW.png" alt="Smiley face" width="600" height="300">

The advantage of this syntax format is that it is fully compatible with all major Markdown editors😜.

Windows 10 AppFlowy 0.3.9.1

Almost all Markdown editors now support parsing the above code to insert and play HTML5 online streaming video and image rendering. Please support this feature as soon as possible. Thank you very much for your excellent MD editor. 🙏👍