embed video

Martin-Duffy wrote on 11/30/2020, 7:26 PM

I am trying to add a video to a page and have it start automatically.
when I drag the video onto a place holder in the template I purchased it gives the following error:
Internal Program Error 1117.k.pl.lt
Xara Web Designer Premium 17.1.0.60486  DL x64 Oct 30 2020

 

Thanks

Comments

johnebaker wrote on 12/2/2020, 8:42 AM

@Martin-Duffy

Hi

Is the video you are inserting a supported format?

The best and most universal format is MP4 container file with the video encoded h.264 and AAC encoded audio.

The video audio level should be set too loud, startling a viewer with loud video is one of the quickest ways of driving away visitors. If you created the video, compressing the audio to peak of no more than -6dB (-23 LUFS) should be OK - this is what I use.

. . . . have it start automatically . . .

You can set the video to auto-start, however you have no control over whether it will in the viewers browser as autoplay depends on the users browser and settings.

By default modern browsers do not allow video to autoplay on load, the viewer has, as a minimum, to click once on the page or click play or have changed the browsers autoplay setting.

HTH

John EB
Forum Moderator

VPX 16, Movie Studio 2025, and earlier versions 2015 and 2016, Music Maker Premium 2024.

PC - running Windows 11 23H2 Professional on Intel i7-8700K 3.2 GHz, 16GB RAM, RTX 2060 6GB 192-bit GDDR6, 1 x 1Tb Sabrent NVME SSD (OS and programs), 2 x 4TB (Data) internal HDD + 1TB internal SSD (Work disc), + 6 ext backup HDDs.

Laptop - Lenovo Legion 5i Phantom - running Windows 11 23H2 on Intel Core i7-10750H, 16GB DDR4-SDRAM, 512GB SSD, 43.9 cm screen Full HD 1920 x 1080, Intel UHD 630 iGPU and NVIDIA GeForce RTX 2060 (6GB GDDR6)

Sony FDR-AX53e Video camera, DJI Osmo Action 3 and Sony HDR-AS30V Sports cams.

yvon-robert wrote on 12/2/2020, 9:28 AM

Hi,

The best solution for videos is to place them in your website and use XARA's default player. You drag on the web page in WebDesigner the video file mp4, H264 and automatically the video player will be placed you are asked if you want an autoplay.

Here is an example of the player without autoplay:
<video class = "xar_meplayer" src = "index_htm_files / Your video file.mp4" controls width = "100%" height = "100%" />
With automatic playback and sound:
<video class = "xar_meplayer" src = "index_htm_files / Position3_640x360camtasia.mp4" controls autoplay width = "100%" height = "100%" />
With automatic play but no sound (mute):
<video class = "xar_meplayer" src = "index_htm_files / Position3_640x360camtasia.mp4" controls autoplay muted width = "100%" height = "100%" />
This player is accessible in Web properties of the video, the button (PlaceHolder) button (HTML code body).

Regards,

YR

johnebaker wrote on 12/3/2020, 7:20 AM

@Martin-Duffy, @yvon-robert

Hi

Manual encoding as above is not necessary - as soon as you drag a video clip on to the web page this dialog appears

Once the option required is selected Web Designer adds all the necessary placeholder and player code and allows you to reposition the video and resize the placeholder as necessary.

It is odd that while there is an Autostart dialog, there is not one for muting the audio, or hiding the player controls this is when you do have to go into the placeholder Body HTML code and add the muted="true" and/or add controls="false" parameter..

John EB.

 

Last changed by johnebaker on 12/3/2020, 7:23 AM, changed a total of 2 times.

VPX 16, Movie Studio 2025, and earlier versions 2015 and 2016, Music Maker Premium 2024.

PC - running Windows 11 23H2 Professional on Intel i7-8700K 3.2 GHz, 16GB RAM, RTX 2060 6GB 192-bit GDDR6, 1 x 1Tb Sabrent NVME SSD (OS and programs), 2 x 4TB (Data) internal HDD + 1TB internal SSD (Work disc), + 6 ext backup HDDs.

Laptop - Lenovo Legion 5i Phantom - running Windows 11 23H2 on Intel Core i7-10750H, 16GB DDR4-SDRAM, 512GB SSD, 43.9 cm screen Full HD 1920 x 1080, Intel UHD 630 iGPU and NVIDIA GeForce RTX 2060 (6GB GDDR6)

Sony FDR-AX53e Video camera, DJI Osmo Action 3 and Sony HDR-AS30V Sports cams.

yvon-robert wrote on 12/3/2020, 1:55 PM

Hi John,
Do you have a code to make the player transparent or semi-transparent in the old player (Retail video player) we could place the video on an image which acted as thumbnail of the video and when we clicked on the whole circle arrow to start playback this activated video playback. Do you have other controls for the reader?

Regards,

YR

johnebaker wrote on 12/3/2020, 2:33 PM

@yvon-robert

Hi

. . . . Do you have a code to make the player transparent or semi-transparent in the old player . . . .

Unfortunately not.

For the HTML 5 video tag see the full Optional Attributes list here.

John EB

VPX 16, Movie Studio 2025, and earlier versions 2015 and 2016, Music Maker Premium 2024.

PC - running Windows 11 23H2 Professional on Intel i7-8700K 3.2 GHz, 16GB RAM, RTX 2060 6GB 192-bit GDDR6, 1 x 1Tb Sabrent NVME SSD (OS and programs), 2 x 4TB (Data) internal HDD + 1TB internal SSD (Work disc), + 6 ext backup HDDs.

Laptop - Lenovo Legion 5i Phantom - running Windows 11 23H2 on Intel Core i7-10750H, 16GB DDR4-SDRAM, 512GB SSD, 43.9 cm screen Full HD 1920 x 1080, Intel UHD 630 iGPU and NVIDIA GeForce RTX 2060 (6GB GDDR6)

Sony FDR-AX53e Video camera, DJI Osmo Action 3 and Sony HDR-AS30V Sports cams.

yvon-robert wrote on 12/4/2020, 12:03 PM

Thank You so much. John.