Video Issue

[Tazz]

Hi everyone...
Quick question for the gurus. I am working on a website and have a few placeholders with mp4 videos in a sample gallery. All work great but, to my question, two of the videos when seen online, show an image in the box of the video with the start/play arrow button in the center, the third video has no image showing but instead a solid black box with the start button in the center. Does anyone know how to have the image show instead of the solid black box? 🤔 When I say image, it's the initial image of the slideshow video.
Thank you in advance.
Tazz

[Chris M]

The way I do it is to upload a jpg to the same place you uploaded your mp4s.
Add the following line to your placeholder (body) code: poster="https://my-domain.com.au/sub-folder/Name-of-Poster.jpg" Everything between the quotation marks would be the path and name of your choosing.

There are different ways to code the placeholder. Just slip the above line in where it's convenient. My whole code looks like this:

<video controls="controls" playsinline controls autoplay disablepictureinpicture poster="https://my-domain.com.au/sub-folder/Name-of-Poster.jpg"
width="100%" height="100%">
<source src="https://my-domain.com.au/name-of-video.mp4"
width="100%" height="100%" type="video/mp4" />

Yours may well be different, but adding the 'poster' line should still work.

[Tazz]

The way I do it is to upload a jpg to the same place you uploaded your mp4s.
Add the following line to your placeholder (body) code: poster="https://my-domain.com.au/sub-folder/Name-of-Poster.jpg" Everything between the quotation marks would be the path and name of your choosing.

There are different ways to code the placeholder. Just slip the above line in where it's convenient. My whole code looks like this:

<video controls="controls" playsinline controls autoplay disablepictureinpicture poster="https://my-domain.com.au/sub-folder/Name-of-Poster.jpg"
width="100%" height="100%">
<source src="https://my-domain.com.au/name-of-video.mp4"
width="100%" height="100%" type="video/mp4" />

Yours may well be different, but adding the 'poster' line should still work.

Chris, thank you for the response...Thanks FOR you. 126 views and 1 response, yours LMAO. Thank you again. I just got back from a trip and haven't been on here, but I will certainly try your suggestion. I hope it works because well, there is no plan B. I will update!

Tazz

[Acorn]

Tazz, I don't see the issue here about only one Response - you got an answer in just over three hours (from Australia) and Chris got out of bed to do so.

The lack of other Replies is down to Chris's solid answer, it works.
There is always a Plan B but for now Chris is your Poster Boy.

Acorn

[Tazz]

Tazz, I don't see the issue here about only one Response - you got an answer in just over three hours (from Australia) and Chris got out of bed to do so.

The lack of other Replies is down to Chris's solid answer, it works.
There is always a Plan B but for now Chris is your Poster Boy.

Acorn

Acorn and Chris...

Please don't take my response other than light sarcastic humor. I certainly didn't mean it to be offensive in any way, and I am sorry if it came across that way. I am always grateful and very appreciative of any help I have received on here and over the many years I have had plenty. I was just pointing out the obvious of the one remedy that was offered by Chris (out of a whole ton of views) and hoping it worked. Again sorry if it came across as ungrateful.

Tazz

[Tazz]

On this whole subject, I guess the entire thing that had me confused to start the thread is that some of my inserted video's (placeholder) when viewed online have an image of the property, with the play arrow, and I just have the one that is showing black. I looked at the others and there is no difference in the way they are inserted, type of file, etc. I have added a screen shot to show what I mean. I will certainly fix the issue with Chris's suggestion, but it bothers me that I have this problem to start with, and can't figure out why. If all the placeholders with video's had black boxes that would be easier to digest I guess.
Thanks again, Tazz

[browj2]

I have noticed the same thing.
Does the black one start with a fade-in from black by any chance?
To do what Chris suggested, I think that you would need the first frame of the video as the poster that hides the video.

[Acorn]

Tazz, thank you for your understanding and endorsement.

Without a poster, you see the first frame - https://www.w3schools.com/TAgs/att_video_poster.asp.
As John suggests, the first frame must be all black.

Acorn

[Chris M]

It doesn't suit every project, but posters can give a unified look, rather than a 'look what fell off YouTube' look. Company logo with subsections, company logo with dates etc.