Allow for embedding video from media library

[jasonwilliamsau]

Describe the feature you'd like to see included in Oxygen. Currently not able to insert a video from the WP Media Library

What are the use cases for this feature? Embed video from media library

Examples of this feature or functionality.

[porg]

Is there a priority and/or timeline on this?

• ℹ️ On my website, a portfolio of a UX designer, I need to insert many short clips here and there, as auto-loops or with playback-controls.
• ❌ Not being able to insert small locally hosted video files (MP4, WEBM) here and there is a significant drawback to me.

Workarounds known to me

• Insert image > Insert GIF: Size is correct + automatically loops (if set so in the animated GIF file itself)

• Create section > Advanced > Video background URL: Point to video file in Media library

  • Shown in https://oxygenbuilder.com/tutorial/backgrounds/ at 07:47
  • Automatically loops. (But no detailed playback settings, i.e. how often to loop, or when to start playback).
  • No direct size/crop control on the video.
  • But by setting the container dimensions you may get the video to your desired size in your desired aspect ratio with your desired cropping. Though I have not yet figured out how. Detailed video guide on this would be appreciated!

  Playback control only for Youtube/Vimeo videos

  • So the workaround will need to be that I need to host all those videos, even if only short clips, on video hosting platforms.
  • Or is there another way to get a locally hosted video with user controllable playback?

[geokongr]

I vote for that feature too.

If you need a right now solution you can use the video html tag in a code block, after you have uploaded your video in WP library and copied its link. Then you need to paste it in the src attribute of video tag.

E.g.: <video src="https://mysitedomain.com/wp-content/uploads/2022/12/myvideo.mp4" autoplay="" controls="" muted="muted" controlslist="nodownload"></video>

You may also need to use the following css to be responsive: video { width: 100% !important; height: auto !important; }

[porg]

^ Thanks for providing the workaround!

[porg]

But as it is a workaround, some native handy Wordpress features won't work, like:

• If you rename the file in the Media Library, then Wordpress will not magically rewrite your src tag (as it does for image embeds in the Classical Editor or Gutenberg).
• Or tools which in the Media library tell you: This media asset is embedded in pages/posts X, Y, Z. Also not possible (that only works when using IDs, not just the filepath (which is to unreliable)).

[risharde]

This we definitely need, didn't realize this was unavailable as I didn't test the video element until after purchase. Thankfully I can do the HTML code but it would be super nice if there was a UI element with additional things like controlling whether controls are hidden, whether autoplay can be enabled etc.

[Hefestos21]

Would also be nice to have a dynamic field to operate. I use a post grid with featured images, but I can not use videos to showcase the posts. I tried many alternatives, but none of them work. ACF does not have a video field, so I'm clueless.

[SheehabMuhammad]

Voting for this feature.

[alFrame]

Please make it happen.

[WebSorted]

This we definitely need, didn't realize this was unavailable as I didn't test the video element until after purchase. Thankfully I can do the HTML code but it would be super nice if there was a UI element with additional things like controlling whether controls are hidden, whether autoplay can be enabled etc.

This would be very handy, adding my vote!