I have added a video to a page using the Video Embedded feature, but it doesn’t play in Chrome.
In the admin page it appears to look correct: the controls are visible in the preview, the poster is displaying.
When I open the page in Chrome however the video won’t play and the controls do not display.
The video is self hosted.
However when I open the page is Safari it works.
When I put the link to the video source into the browser it links and plays the video.
I tried adding the video with a text editor instead, but same problem as the embedded feature.
Can you advise what could be the issue here?
The code in the text editor is:
<div class="vid-player-container">
<video class="vid-explainer" poster="/wp-content/uploads/2018/11/video-memorial-walkthrough-cover.jpg" controls="controls" width="100%" height="auto">
<source src="https://eulogise.com.au/assets/EulogiseExplainer.mp4" type="video/mp4" />
</video>
</div>