I am using the embed element and querying it in my HTML with .html which works perfectly fine, but I can't seem to figure out how to change the dimensions of the video itself. I added &maxwidth=900&maxheight=200 to my initial link that I added in Prismic, but it doesn't change anything. Any other s…

Hello Julian, welcome to the Community! Which kind of video source are you embedding to your Prismic fields, could you share it with me? Are you wrapping it inside an iframe or a video tag maybe?

Hey there! I'm using Youtube videos, and I'm using graphql to query the HTML. the HTML that's automatically generated from a YouTube video is an iframe of course, and has specific dimensions that I can't seem to change (480 x 270). [image] I'm querying everything correctly, but the "html" that's…

Ok, i see what you mean now, and you're right, there's no way of changing that from inside Prismic, and it's weird that the url doesn't recognise the added values. You can do two things instead: Paste the iframe directly into a Prismic field with the correct width and height and then render it as …

This is still an issue, is there any other fixes we can do other than embeding our own HTML. We built a editor for a client and it was previously working and now this is not. Can there be further investigation into this. Was this a change from youtube? The videos are for ants :frowning:

Hello @bohdan.anderson , this is still the best approach for changing the default width and height settings from Youtube. Create a Key Text field and add your iframe Query the field Use dangerouslySetInnerHTML to template the result: import React from 'react' const VideoComponent = ({ videoIframe…

Hi, this is not a suitable solution for our project as we use the rich-text-field as part of a larger component.

Hey @maxim , thank you for joining the community :tada: You can do this by adding the preformatted text option to your Rich text field. Then you'll just need to add this format to paste the iframe, like in this example: [image] Afterward, you'll need to configure an HTML serializer to detect the …

I think these all options make sense as solutions, it's just editing a client's website that is in production that hasn't been touched in a long time is a time suck, if we could of just edit prismic it would have been amazing - but it looks like it's not an option. We've actually just gone with ove…

Thank you for sharing your solution @bohdan.anderson . I understand that for these specific cases, the solutions aren't the most comfortable; we have thought about changing the behavior of the Embed field, but there is not yet an estimated time for when this could be modified. Meanwhile, I can mark …

We have used successfuly a custom serializer to update the raw html of the embed. Here replacing the width attribute with Tailwind CSS classes. // documentation at https://prismic.io/docs/core-concepts/html-serializer function label(element) { return element.label ? ` class="${element.label}"` …

Unable to change dimensions of Youtube video - Gatsby - #17 by Pau - Developing with Prismic

Topic		Replies	Views	Activity
Embed Links - Modify width and height of the embed Developing with Prismic svelte , social-media-embeds	4	219	May 27, 2025
Any way to omit dimensions, or specify fluid ones? Developing with Prismic slice-machine	12	2581	December 13, 2022
Video Embedding - advice to change size/width/height of youtube embedded video Prismic for Content Creators	9	3497	October 3, 2024
Primic embed component in vue Developing with Prismic vuejs	1	1041	November 10, 2021
Embed doesn't support youtube url in Prismic Developing with Prismic gatsby	9	1458	June 29, 2021