Compatibility:
WebSite X5 Evo and Pro
Videos are living a moment of glory: everyone can make a video, copy it to a computer, edit it and then publish it on the Internet.
With WebSite X5 it is very easy to import all types of video, add them to your website and share them. You can import the more popular video formats (.MP4, .WEBM, .AVI, .WMV, .MPG, .MOV, .MP3, .WMA, .WAV, .MID, .AIF, .M4A) simply by selecting the wished file from your PC or online
#tip - To ensure maximum compatibility, you should use .MP4.
Adding a Video or a Sound file on your web pages is very simple, here's how to do it:
- Add the Video/Sound Object and click on
to access the settings window: stay in the General section. - Import a video or audio file. You can click on
to select the file from your PC or on 
to search for it in the resources available in the Online Libraries (see: Where do I find the free videos for my project) or on platforms such as YouTube™ and Vimeo (see: How to insert a video from YouTube™ ).
#tip - By inserting a Video posted on YouTube™, the original dimensions are changed according to WebSite X5 settings. To maintain more control, you can import the YouTube™ video through the HTML Code Object.
- To make your pages more accessible, click the button
found in the Video field: through the window that appears, you can set the inserted video as a simple Decorative element or, if it serves a function, complete it with a Title and an Alternative Text. - Report the Size in pixel for the Video or Sound Control Bar width and height. For the width, the maximum value that can be taken by the Object is given in parentheses, depending on how the Layout Grid is set up. For Sounds, it is reminded by reporting it in parentheses that the maximum value for the height of the Control Bar is 35 pixels. The minimum value, on the other hand, is 15 pixels.
- Choose the Startup Type, namely how Videos or Sounds must be played. You can choose among:
- Manual Start: the user will have to manually click to start playback;
- Automatic Start: playback starts automatically as soon as the page is loaded;
- Automatic start only when visible: playback starts only when the Video or the Sound Control bar is actually visible
- Automatic start on mouseover: playback starts when the mouse hovers over the Video or Sound Control Bar.
#tip - Automatic Video and Sound startup modes do not work on mobile devices: in order to avoid excessive bandwidth consumption, in fact, in these cases it is always required that the User manually start the playback.
- If you want to, import a Poster Image, namely a static image to be used as Video preview (see: Come How to create a poster image for a video).
- Finally, access the SEO section and report the required information. These details will be used for:
- completing the Website SiteMap.xml that WebSite X5 creates automatically;
- adding the video structured data in the page code.
Except for the YouTube ones, you can't see e a preview on the WebSite X5 local browser of the videos you add: this depends on the fact that the local preview relies on the Chromium engine, which doesn't include the necessary video codecs. In any case, once the website is online, you will be able to correctly display them on the different browsers.
Notes on the Accessibility of Video/Audio Content
Making multimedia content accessible is essential to ensure fair usage for all users, including those with visual or hearing impairments.
To improve the accessibility of videos and audio inserted on your site, make sure to:
- Add subtitles for spoken content, making it accessible to users with hearing impairments.
- Provide text transcripts for audio and video files.
- Use audio descriptions to explain essential visual elements in videos for blind or visually impaired users.
For a complete guide on improving multimedia content accessibility, see: Video Accessibility: Subtitles, Transcriptions, and Audio Descriptions.