Embedding video

HTML/CSS
1

Hello, everyone. Following the instructions in my ultimate HTML 5 and CSS course, I tried embedding an HD video in web site that’s locally hosted on my PC. Each time I uploaded the video, I got a message that says, “The file is not displayed in the editor because it is either binary or uses an unsupported text encoding.” Please how can I resolve the issue and continue with my learning? I’m a beginner in the course, and coding in general. Thanks.

2

Hi,

Welcome in here.

I am hardly ever working with video but I just gave it a try and I love how our times makes such thing possible in a simple fashion.

Here is my code and the result:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <video src="vid/BL Prod.mp4" width="50%" controls></video>
</body>

</html>

It works.

image
image1152×708 127 KB

Can you share your code and give more details ?

  • Where do you put files ?
  • What video container are you trying to use (mkv, mp4, avi, …)?
  • What is the video codec (avi, h264, h265, xvid, av1, …) ?

Your video player may provide you with the info.
here for the video I used.

image

Regards.