MOVIES FOR WEBSITE

[Hushpower]

Sorry Gary, I also after a poster. I've tried a few combinations but can't get it to work. I was able to get a poster to work in the Xara player by adding the poster code at the end of the Video Source code, but yours is a little different.

This is one of the failed combos I have tried so far:

<video width="100%" height="100%" controls >
<source src="https://initiostar.co.uk/assets/F28 Movie v8 1000kbps.mp4" type="video/mp4" >
<poster="https://iflewformma.com/xara//index_htm_files/f28poster.jpg" >
</video>

Any suggestions? Thanks again.

[Chris M]

Your poster needs a size too.

<video width="100%" height="100%" controls >
<source src="https://initiostar.co.uk/assets/F28 Movie v8 1000kbps.mp4" type="video/mp4" >
<poster="https://iflewformma.com/xara//index_htm_files/f28poster.jpg">
<width="480" height="260">
</video>

Size to suit your poster.

[Chris M]

I'm not even sure that you need all the <>

<video controls="controls"
poster="https://iflewformma.com/xara//index_htm_files/f28poster.jpg"
width="480" height="260"
source src="https://initiostar.co.uk/assets/F28 Movie v8 1000kbps.mp4"
width="100%" height="100%"
type="video/mp4" />

Wouldn't this do the same job? Genuine question, I don't code...copy, yes. know what I'm copying, no.

[Initiostar]

Best not to mix up the video and img tags.

I would place your images (PNG,JPG) in the document itself if you have access to them from the desktop.

If you want to retreive you image/poster from a different source, I would use the image tag with the correct height and width:

 <! Place the code in a Placeholder HTML body with the correct height and width-->
<img src="https://initiostar.co.uk/assets/poster.png" alt="My Poster" height="500px" width="500px">

You can call this image direct from a browser e.g. https://initiostar.co.uk/assets/Poster.png - both examples are in an updated document.

Best practise would be to create a folder on your server where you gather together assets (videos, images, PDFs etc.) you have created. The reason I do this for videos, is that it saves Xara struggling to upload 60-80MB files when your FTP program does it with ease.

Re my video format, I was mucking about with resolutions to try to fix a squashing problem on the mobile site with one of the earlier players I was using, so I'll have a good cleanout and re-render them properly.

I would leave your video as it stands, unless you have access to a good video editor. Out of curiosity I loaded into my LightWorks and it has retained the original format 576p 4:3 AVCHD, but still renders in MP4 in a browser. For that reason alone I would stay well clear of editing again.

Hopefully this gets you over the line with a working page.

Gary

[Hushpower]

My bad, I was after a video poster/thumbnail to sit on the "black" video frame/placeholder. I can set a poster image/thumbnail for the JWPlayer movies but can't for the XWD player. The first movie frame's black and I think that's what is showing in the placeholder.

This is the code I'm using for the XWD player (the poster image is index_htm_files/717.jpg); I just added the "poster=..." code:



<video class="xar_meplayer" src="index_htm_files/AnzacAtHome 2020 HD.mp4" controls width = "100%" height="100%" poster="index_htm_files/717.jpg"/>

I would leave your video as it stands, unless you have access to a good video editor.

Magix Movie Edit Pro, when only the best will do!

[Hushpower]

I think I've got it:

<video controls width="100%" height="100%" poster="https://iflewformma.com/xara//index_htm_files/f28poster.jpg" >
<source src="https://initiostar.co.uk/assets/F28 Movie v8 1000kbps.mp4" type="video/mp4" >
</video>

I moved "controls" to the beginning, then added the poster code.

Works a treat!

Chris, sorry, I didn't see your posts. Re coding, me too! I'm a great paster and copier. The poster code without dimensions seems to fit the placeholder size.

Now I need to get my file system sorted out...

[Hushpower]

I would leave your video as it stands, unless you have access to a good video editor. Out of curiosity I loaded into my LightWorks and it has retained the original format 576p 4:3 AVCHD, but still renders in MP4 in a browser. For that reason alone I would stay well clear of editing again.

Upon further investigation, it appears Movie Edit Pro is the culprit. It's not encoding the cropped 4:3 originals properly. All the players, I think, are reading the 16:9 flag correctly with the exception of my Android tablet; it plays it as 4:3 (my Android phone is OK). To be fair, I made the movie some years ago with an earlier version. I'll now have to re-edit it if I need another render.

[Initiostar]

Al,

A short-term fix is to remove the leading and trailing black frames: https://initiostar.co.uk/assets/F28.mp4 . I used https://www.online-convert.com to convert to MP4, crop 00.00.06 to 00.09.34. You have no problem then with the desktop or mobile variants.

When you regenerate in the placeholder now, you see the video not the leading black frames. If you are going to redo the video at sometime I'd break it into shorter clips (9mins is too long and takes too long to load); have each clip on a different page layer called from the MouseOff layer and play it in the same area on the MouseOff layer. You need a short script to pause/mute the video on closing each popup. The link to each can be a thumbnail image of any size and gives you the opportunity to say something about the clip. It's akin to a video library style app.



Over and Out!

Gary

Footnote: the video works on my Android and renders as an MP4.

[Hushpower]

Thanks again Gary. I'll have a look at that later. It's streaming Ok here on 4g and I've wound the bitrate right back on the mobile movie.

Alas, my ipad video player won't display the central Pause/Play button with either the Xara player or your player, but at least the ios player has a bigger, and better-located, Pause control at the bottom of the screen.

I will say that I've enjoyed my move to XWD. Like Photo and Graphic Designer, it is quite intuitive and the options available indicate the programmers actually use the program too and try to make life easy (apart from the person who published the PDF manual without any PDF bookmarks!), unlike some others in the Magix stable.

And. of course, my transition has been made a lot easier because of the help from the TG forum members, so thanks to you all.

Now, on to actually publishing the ebook!