Home > Q&A > body text

HTML5 video M3U8 encoded with Base64

I want to add a base64 encoded M3U8 file in the Video tag of HTML5, how should I do it

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <video width="100%" controls src="data:application/x-mpegURL;base64,..."></video>
</body>
</html>

I want to embed my M3U8 file into Video tag using base64

P粉269530053

P粉269530053427 days ago743

reply all(1)I'll reply

P粉864594965

P粉8645949652023-09-10 00:59:44

Try this:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <video width="100%" controls>
            <source src="data:application/x-mpegURL;base64,..." type="application/x-mpegURL">
        </video>
    </body>
</html>

reply

Cancelreply