How to use YouTube Widget

[flim]

When I drag the YouTube widget on my page, I got error:

"Unable to find the HTML code for the widget on the widget site or on the clipboard.
Configure your widget in this window and get to the point where you are shown the HTML code for the widget, before clicking the Insert button below. If insertion doesn't work, try copying the HTML code to the clipboard before clicking Insert again."

I don't quite understand how to use it

[Acorn]

You get the YouTube Embed code and select all of it and then Copy.
This adds it to the Global Clipboard that your application widget can then access.

It's all there in the words. Some sites have a defined area that the widget knows about, but not YouTube, or Xara has just been lazy in its configuration.

Acorn

[flim]

You get the YouTube Embed code and select all of it and then Copy.
This adds it to the Global Clipboard that your application widget can then access.

It's all there in the words. Some sites have a defined area that the widget knows about, but not YouTube, or Xara has just been lazy in its configuration.

Acorn

That is what I did, I copy the Embed code and click Insert, but I still got the error.

Edit: I found my problem, I need to right click the Embed code to copy on YouTube, now it works.

Thank you.

[flim]

I found another problem, I want to scale the video, but when drag the corner, the boundary scale, but the video doesn't.

[Initiostar]

I found another problem, I want to scale the video, but when drag the corner, the boundary scale, but the video doesn't.

Your YouTube code should look something like this:

 <iframe width="560" height="315" src="https://www.youtube.com/embed/TlA3wS89tuk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

You can proportionally change the height and width in the code to achieve the size you want upto 1920 x 1080 for Full HD (subject to the original video quality being 1080p). Make sure the placeholder is the same size as the H&W in your code. E.g. 1120x 630 for the code below:

 <iframe width="1120" height="630" src="https://www.youtube.com/embed/TlA3wS89tuk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

[flim]

So I have to modify the width and height in the iframe manually. I expected the YouTube widget will be smarter, but it is just a rectangle with automatically copy the clipboard code to the HTML code in place holder with Re-generate placeholder image. Not truly WYSIWYG.