Participating Frequently

Answered

My HTML video does not appear in Chrome, Opera and IE while appears in MS Edge

Forum|Forum|8 years ago
July 31, 2018
15 replies
20980 views

Hello

i just tried to create a fullscreen video background using HTML in Dreamweaver, but when i previewed it, it only appears in MS Edge but not in Chrome, Opera or IE, can anyone help explain what's going on please

<body>

<header class="vid-bg container">

<div class="fullscreen-video">

<video src="assets/Showcase.mp4" autoplay="true" loop="true"></video>

</div>

</header>

</body>

This topic has been closed for replies.

Correct answer Jon Fritz

Chrome is reading the play time of the video file, as it is showing the length of the video in the controls. Which indicates the file format may be the problem, the poster image will not show in such circumstances.

Have you tried including the video in webm format or any other format along with mp4?

There's definitely something wrong with the .mp4 itself.

All of the programs I have on my system, that typically handle .mp4 without issue, refuse to open it at all. The closest I get is Chrome, with the 12 second run time in the control bar.

I'm guessing the file is corrupt or maybe exported from whatever program using a strange video codec.

pziecina

Legend

Not all videos that say they are mp4 are mp4 as required for all browsers.

The easy way to check if it is the mp4 video format causing the problem is to insert a poster image as fallback with the video code. That way if the image shows in none supporting browsers you will know it is a problem with the mp4 format being used.

laxusAuthor

Participating Frequently

Not all videos that say they are mp4 are mp4 as required for all browsers.
The easy way to check if it is the mp4 video format causing the problem is to insert a poster image as fallback with the video code. That way if the image shows in none supporting browsers you will know it is a problem with the mp4 format being used.

i tried this but still doesn't show, i also tried adding controls, all i can see is the controls but not the video nor its poster

Microsoft Edge

Google Chrome

pziecina

Legend

Chrome is reading the play time of the video file, as it is showing the length of the video in the controls. Which indicates the file format may be the problem, the poster image will not show in such circumstances.

Have you tried including the video in webm format or any other format along with mp4?

BenPleysier

Community Expert

Have a look at How To Create a Fullscreen Video Background

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

laxusAuthor

Participating Frequently

still the same problem, i can see it in Microsoft Edge browser only, you see, there is nothing wrong with the code

WolfShade

Legend

laxus wrote
there is nothing wrong with the code

Not trying to split hairs, but the code you provided in your post does not match the same format as:

Is the above code also not appearing in IE, Chrome, or Opera? Check browser settings for security that is too high, or even network settings. Something is amiss, and I don't think it's the code.

V/r,

^ _ ^

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.