How to use YouTube Widget
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 :confused:
Re: How to use YouTube Widget
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
Re: How to use YouTube Widget
Quote:
Originally Posted by
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
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.
Re: How to use YouTube Widget
I found another problem, I want to scale the video, but when drag the corner, the boundary scale, but the video doesn't.
Re: How to use YouTube Widget
Quote:
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:
Code:
<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:
Code:
<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>
Re: How to use YouTube Widget
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.
Re: How to use YouTube Widget
Quote:
Originally Posted by
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.
So Xara take code offered up by YouTube and does its best. The settings are all down to YouTube.
@Initostar - thank you for your insight.
More importantly @Xara, using your YouTube Widget not presents this slight issue:
What will we all do then?
Acorn
2 Attachment(s)
Re: How to use YouTube Widget
I have found the simplest solution is to take the embedded code straight from YouTube, amend the height and width as required (proportionally). Copy the code into a Placeholder of the same size.
Attachment 126621 Attachment 126622
Re: How to use YouTube Widget
Quote:
Originally Posted by
Initiostar
I have found the simplest solution is to take the embedded code straight from YouTube, amend the height and width as required (proportionally). Copy the code into a Placeholder of the same size.
Attachment 126621 Attachment 126622
You know that. I know that. Others too now know that.
What I do to provide the "WYSIWYG" experience is note the proportionality first. Create a Box with these ratios and then change the code to width="100%" height="100%" and embed.
I then untick the Regenerate option to avoid slow rendering of the Placeholder image.
Finally, i only then drag the Box by its corner controls with Lock aspect ratio set.
The next big Question: Will Xara budge from its inertia of replacing Internet Explorer?
Acorn