Page 532 - Xara Designer Pro X17

532 Web Graphics and Websites

Alternatively, just hit "Ctrl + S" and the changes you’ve made will be saved and the
editing document closed, returning you to your website document.

The widget placeholder image should update. Preview your page to see the effects of
your changes on the working widget.
Embedding movie, audio, animation and other files

Xara Designer Pro X includes direct support for some types of file that you are likely to
want to add to your website. For these files you can simply drag and drop them from
Windows Explorer onto your page, or use "FILE" > "IMPORT".

On import the file type is identified, an appropriate placeholder or link is added to your
page, and the file is copied into the support folder for your design. The support folder is a
folder which lives alongside your design file and is created automatically. If your design
file is called „MySite.web", its support folder is „MySite_web_files". The contents of this
folder are included along with all the image files for your site, whenever the site is
exported and published.

MP4 & FLV movie files
These are the only movie files directly supported by Xara Designer Pro X.

Import an MP4 or FLV file and Xara Designer Pro X inspects the file to determine the
aspect ratio and other information about the movie.

You are asked whether or not you want the movie to start playing automatically as soon
as the page holding it is loaded (auto-play) although bear in mind that browser support
for this option varies and may change due to explicit restrictions being added to the
browsers to prevent auto-play. Firefox and Chrome no longer support auto-play.

The movie file is then inserted, as well as some other files for a Flash movie player, into
the support folder of your website. A placeholder image resembling the movie player
appears on your page.
Position and resize the placeholder using the SELECTOR TOOL, and then preview your
page. Click on the movie player play button to start the movie. That’s it! The movie player
includes basic controls for adjusting volume, starting & stopping and for jumping to any
point in the movie.

Alternatively you can use some of the widgets in the ONLINE CONTENT CATALOG to
present your movies instead. This way you have more control over the presentation. See
"COMPONENTS" > "PRINT AND WEB COMPONENTS" > "AUDIO / VIDEO".

See this Xara Knowledgebase article https://xara.kayako.com/article/447-why-does-my-
audio-video-media-not-autoplay-within-my-website-after-publishing for up to date
information on browser support for auto-play.