HTML video problem

Shiroyo · 2019-08-31T16:12:49.117Z

Hello. I want to use mp4 video file instead of a youtube video in my loading screen. I tried this but all I get is a black window:

index.html

<body>
          
    <video autoplay muted loop id="myVideo">
        <source src="video.mp4" type="video/mp4">
    </video>

    <script>
        var video = document.getElementById("myVideo");
        video.play();
    </script>
</body>

style.css

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Lato');

* {
    font-family: 'Lato', sans-serif;
    text-align: center;
}
body {
    margin: 0px;
    padding: 0px;
    background-color: #000000;
}

#myVideo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

I added file to the __resource.lua.

TheIndra · 2019-08-31T16:22:14.210Z

FiveM doesn’t have MP4 decoders because they are commercial decoders, use ~~OGG~~webm for example

Shiroyo · 2019-08-31T16:28:56.058Z

Well I heard that OGG can store video, but whenever I use any site to convert my mp4 video to ogg it always comes with only audio, no video

edit: Nevermind, found out it’s called .ogv

Shiroyo · 2019-08-31T16:38:56.076Z

Okay, now I have the video but it’s paused

<video autoplay="true" muted="true" loop="true" id="myVideo">
        <source src="videos/video.ogv" type="video/ogg">
    </video>
    <script>
        var video = document.getElementById("myVideo");
        video.play();
    </script>

I tried with and without script part but it’s still the same. It’s like a picture.

TheIndra · 2019-08-31T16:51:44.606Z

Actually I’m sorry, ogg is for audio and not sure if ovg is supported… try webm

Shiroyo · 2019-08-31T16:52:17.811Z

Okay, thanks I’ll try that in a minute.

TheIndra · 2019-08-31T16:58:22.126Z

Just tried with webm, seem to work fine

Shiroyo · 2019-08-31T17:03:09.987Z

Yes, works like a charm Thank you very much for all your help.