Umbraco RTE embed video from local media library
# help-with-umbraco
d
Hi I have a very long text for my Website and I would like to embed in specific parts 2 instagram videos and 1 youtube which I've already downloaded. The only way achieving this is to split the 7 to seven text properties and divide them at the end with a Media Picker and embed the video then. But I would like 1 RTE picker with whole content and insret on specific parts the videos. At the moment this is possible with media like fotos but not with videos as far as I have seen ... Has anyone a good idea how I could manage to that? For Example at the end of Articel 1 I want the first video, in the middle of the section of article 2 the second one... Has anyone anyy hints on how to acvhieve this? Kind regards, Daniel
a
Sounds like you need to build up a block grid(or list) editor so you can just make your own blocks to build the page with πŸ™‚
With the Block List (or grid) you can do something like this for your page: In the example I've added a "Embedded Video", a "Text", a "Quote", and another "Text" component to build up my page
d
Thank you so much, im just a beginner and not fit with quite everything so thank you so much! I'll try it out! Thanks Daniel
a
If it doesnt work for you, do come back and ask πŸ˜‰
d
It seems like it is not possible to insert a video into the middle of a rte text ... can I somehow do this aswell or do I have to split the rte text with multiple parts with the video then in the middle of it?
a
The last part is probably the easiest
there used to be a video option in the RTE somewhere, but I've never used it, (you could check the properties on the RTE datatype), usually your own implementation is better πŸ˜‰
Ah it's not a video option, its the embed option You could check if that suffices for you?
d
I think the embed option may not be enough... I have 1 youtube videos and 2 instagram reels and I downloaded them to the media section from umbraco because youtube makes too much traffic noise in the background and instagram showed me too much nonsense options for its page. Is it possible to embed local videos from the media library? I googled quick but couldn't find a way to do that, most people embed only youtube videos ... Is that even possible to embed local media in a rte window?
c
To check, I just created a quick page with an RTE and embedded a YT video and it runs perfectly fine on V12.2. What do you mean by "YouTube makes too much traffic noise"? If you want to keep traffic down, the last thing you want to do is host a video yourself. YT, Vimeo, etc. have servers tuned for streaming efficiently and they're free. Your precious bandwidth won't be.
d
I looked at the requests and other things and it looked very much for a 30 sec video, therefore I decided to host it myself ... the insta ones I've downloaded I also ... It would be cool if you could teach me this way like I asked for the future when its not possible to embed direct a youtube video when I have for example a local one fom my drone etc ... Or how do you friends handle videos on your websites? always upload them to youtube and then embed the whole thing?
p
@User May I suggest β€œfriends” instead of "guys"? We use gender inclusive language in this Discord. πŸ˜€
c
There goes that Bot again that doesn't understand English! I always upload to a streaming provider, like YT or Vimeo. Still don't understand what your issue is with the YT requests. I presume it sets up connections for video control and other info it needs, not least for marketing purposes. Also if you're going to run it on your own, you're going to have to use some sort of player to stop and start it. This might help ... https://www.w3schools.com/html/html5_video.asp
d
I already have such a video in the footer
a
You could just get the url and use a html video element I guess ?
d
ahhh
yeah
I didn't see the forrest because all of the trees ... my fault I'm stupid sometimes
a
Haha we all have that sometimes πŸ˜‰
d
im sorry to waste your time πŸ˜„ true i forgot that
πŸ˜„
a
No probs!
c
Good luck, no probs.
d
you umbraco people are very friendly, keep that up! πŸ™‚
a
I'd say this very much depends on what you want to do for the frontend. If you wish to continue to have a single RTE property, you could add a macro where the user can enter the URL of the YouTube video. Or if you're uploading the video file to the media archive, you could add a macro where the user can pick said video in the media archive. It's however worth keeping in mind that there are talks about removing macros in future versions of Umbraco, so that might not be a future proof solution. Personally I would go with the block list as also already suggested. In our setup, we typically have a RTE block for regular text, and then a dedicated block for YouTube videos. Besides the video it self (where we're using our own YouTube video picker), the block will also have properties for an optional title and an optional thumbnail (image from the media archive). https://marketplace.umbraco.com/package/limbo.umbraco.youtube
3 Views