Video in Top-frame

[Dencuga]

Hello to every one.
Please, is there way to put some video on top frame or somewhere else, instead of still image, or slide show ?
I hope this is possible in XWD.
p.s. I hace updated to XWD Premium 18 ver.

Thank you !

[Egg Bramhill]

Hi Dencuga, try the folowing in a placeholder Body:

<video width="800" height="600" controls>
<source src="https://parkeston.com/videos/2015_eGames_Intro.mp4" type="video/mp4">

Your browser does not support the video tag.
</video>

You need to change the video source to one on your server.

[Dencuga]

Great !!! Thats' it !
Thank you !

[Egg Bramhill]

If you need more help here Initiostar (Gary's) your man. He does great things with videos on websites.

[Dencuga]

This works fine, but is there possibility for autoplay ?
And initially, if commands (play button and arrows) can be hide ?
Thanks.

[Initiostar]

This works fine, but is there possibility for autoplay ?
And initially, if commands (play button and arrows) can be hide ?
Thanks.

You can add autoplay to the video tag, but if there is an audio track most browsers will ignore the command. Where you want to autoplay here is an example video tag:

<video id="myvideo"width="100%" height="100%" controls autoplay muted playsinline loop disablepictureinpicture controlsList="nodownload" >
<source src="https://initiostar.co.uk/demo/Waterfall.mp4" type="video/mp4">
</video>

Where you use autoplay muted, you need to add playsinline for iOS on mobile. You may too want to disable picture-in-picture on a mobile variant and where the video has a commercial value you may also want to prevent download.

You can hide the controls by omitting the "controls" from the video tag; this is OK for background videos, but is generally not good practice otherwise.

Here is some futher explanation and a demo: https://initiostar.co.uk/demo/simpleVideo/ & Xara Video Tag.xar

There's a lot you can do with video and here are two more examples: one demostrates background videos, intros and banners, the other shows three different ways for managing video libaries.

https://initiostar.co.uk/demo/Video/fullvid.htm Here the code is placed in HTML page(head)

https://initiostar.co.uk/demo/EmbedVideo/ Here we have used a custom designed video player

Plenty of ideas here to play with.

Gary

[Dencuga]

GREAT !!!

Thank you

[Dencuga]

Gary, this is kind of golden-video widgets ... But I can not understand, why Xara don't have it in it's own widgets set ?
Is there any reason ?

[Initiostar]

Gary, this is kind of golden-video widgets ... But I can not understand, why Xara don't have it in it's own widgets set ?
Is there any reason ?

Dencuga, most of Xara's widgets were built a very long time ago; I am not aware of any significant efforts to update any of them and certainly now, IMO, there are better custom alternatives. Xara does have its own video media player (and video widget), but it is no longer fit for purpose.

The more elaborate video player examples I provided were based on collaborative design ideas (with significant help from TGers Acorn and Siran). In reality, there is a small amount of code in some of them, but it is relatively easy to explain should you want to use one of them.

The same applies to sliders, galleries and photo widgets - all of which can be better implemented with custome design and small amounts of code e.g. Nivo sliders https://initiostar.co.uk/demo/zNivo/

When I look at Xara's corporate marketing direction, I do not have any expectations that investment in website widgets is a priorty, but there is plenty of creativity here at TG to compensate for that scenario.


Gary

[Dencuga]

Ok I understand, but many of those widgets that you guys are making, are lost in pages and pages here in Talk Graphics, for past years ...
Maybe there is some idea to collect them in one place or forum just for that kind of widgets ...
This sliders, I can't see the code for placeholder ?
Thank you man for your kindness.

Denis