Embedded Video not behaving as expected
1. made simple 2-page site
the first page is text and pix (with top pix a link to page 2)
2. Page 2 is a short test video
I followed the rules (ie autoplay muted loop)
Code:
<video class="xar_meplayer" src="index_htm_files/White Pelicans.mp4" controls muted autoplay loop width = "100%" height="100%"/>
3. problem
a. there is no slider control (ie start/pause or speaker icon to turn on the audio)
b. on the loop - it flashes the 'reload' symbol
my intent is to have a 17-minute product promo loaded after this little test video
it is 70 MB a convert PPT and short AVI merged into mp4
is there some kewl software to edi the file size and bit rate?
(in case it is too big) - it is now loaded on youtube
https://youtu.be/tMXfbiB9wlI
it only has a soft audio track - no narrative
do I need to Upload the .XAR file here?
Re: Embedded Video not behaving as expected
Yes please upload your file someone on these forums
can help
Re: Embedded Video not behaving as expected
Have a look at the 'Migrating Eels' video Lake Bolac Caravan Park If that's what you're after, here's the code I used in the 'Body' section of the placeholder:
<video controls="controls" loop= "true" width="100%" height="100%"
<source src="https://lakebolac.holiday/MigratingEels.mp4" type="video/mp4" />
I also downloaded your video from YouTube at 640x360 and it was acceptable at full screen, size 37.2MB. If you used the same code as above but remove the loop part you should be good to go.
1 Attachment(s)
Re: Embedded Video not behaving as expected
your video - yes - ok - buy I heard no audio?
Re: Embedded Video not behaving as expected
guessing the "<" in 2nd line is error?
Re: Embedded Video not behaving as expected
Quote:
Originally Posted by
TheeeDragon
guessing the "<" in 2nd line is error?
Yep, the < isn't needed. There's no audio because the sculpture doesn't make any sound. If the original video has an audio track, then it will play with audio.
Re: Embedded Video not behaving as expected
You have content on your page background that should be on your mouseoff layer. I'll have a fiddle and post back shortly.
Re: Embedded Video not behaving as expected
getting closer
can see the controls
but not work
http://ggustin.com/NuSkin/index-a.htm
ideas?
ty
1 Attachment(s)
Re: Embedded Video not behaving as expected
Your original video isn't in the .xar file, so i substituted for one I'm working with...
Moved content from Page Background to MouseOff
Deleted rectangle on Pasteboard
Edited Pasteboard colour to #333333
Try it out in preview, if it's what you're looking for edit the path to the video to reflect your video.
Re: Embedded Video not behaving as expected
chris = your sample worked
I copied the info from your placeholder
(which had a 'player call')
and I did not know who to add to mouse off layer
but I just said arrange to front - it worked
THANKS
1 Attachment(s)
Re: Embedded Video not behaving as expected
In the Page & Layer Gallery (right hand side of workspace) you just click the row MouseOff. The Page Background and Pasteboard Background should typically be locked.
Attachment 129018
Re: Embedded Video not behaving as expected
thanks = got it = I think :P
anyway - also had a real hard time with the video clipping
I guess using the handles to resize messes it up
so I used the size labels up top to make it exact pixels
and now seems to work
I will make the site 'look better later = but at least it works
the link to page 2 is to click the top image (anywhere in the bldgs for now)
http://nuskin.group/
thanks all !
Re: Embedded Video not behaving as expected
I did not do a mobile variant
still works on phone
but there are no audio controls to turn on the sound/
help?
1 Attachment(s)
Re: Embedded Video not behaving as expected
Quote:
Originally Posted by
TheeeDragon
I did not do a mobile variant
still works on phone
but there are no audio controls to turn on the sound/
help?
Most browsers will not allow audio and auto-start. In your case, Xara's Player Player is providing the default controls; you can change the Xara code by adding 'muted' or you can ditch the Xara Media Player and have the visitor use their own browser controls.
Here's your video working on a mobile correctly; you can see the audio control is muted on start, and you can add audio back as normal. https://initiostar.co.uk/demo/Pelicans/
Code:
<video id="my video" width="100%" height="100%" controls autoplay loop muted>
<source src="https://initiostar.co.uk/demo/White-Pelicans.mp4" type="video/mp4">
</video>
The example has a mobile variant and uses Scale-to-fit-Width. Layout design attached.
Trust this helps,
Gary
BTW you don't need "loop" in the code - video is already quite long.
Re: Embedded Video not behaving as expected
Gary:
You are amazing (for such detailed help)
will code it later today
ps
was looped as this was made to play at a trade conference
pps
is there a way to prevent users from DL the video?