Embedding video

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.


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">

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

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


It works.

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.