HTML5 Video M3U8 Base64

SYSCYCLE
July 28, 2023
218 views
0 votes
2 Answers

I want to add a base64 encoded M3U8 in HTML5 Video tag how can I do

<!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 in Video tag with base64

Answers

Chosen as BEST ANSWER

@django_newbie I'm sorry but it didn't work that way either.

<!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,I0VYVE0zVQojRVhULVgtVkVSU0lPTjo0CiNFWFQtWC1UQVJHRVREVVJBVElPTjoyMAojRVhULVgtUExBWUxJU1QtVFlQRTpWT0QKI0VYVC1YLU1FRElBLVNFUVVFTkNFOjAKCiNFWFRJTkY6MTIuNTIwMDAwLApodHRwczovL2NvZGViZXJnLm9yZy90cnRhcmNoaXZlL0tlbmRpX0R1c2VuX0FnbGFtYXovcmF3L2JyYW5jaC9tYWluL2tlbmRpX2R1c2VuX2FnbGFtYXpfNi5ib2x1bV8yLmZyYWdtYW5fcGFydDEudHMKI0VYVElORjoxOS40MDAwMDAsCmh0dHBzOi8vY29kZWJlcmcub3JnL3RydGFyY2hpdmUvS2VuZGlfRHVzZW5fQWdsYW1hei9yYXcvYnJhbmNoL21haW4va2VuZGlfZHVzZW5fYWdsYW1hel82LmJvbHVtXzIuZnJhZ21hbl9wYXJ0Mi50cwojRVhUSU5GOjE4LDY0MDAwMCwKaHR0cHM6Ly9jb2RlYmVyZy5vcmcvdHJ0YXJjaGl2ZS9LZW5kaV9EdXNlbl9BZ2xhbWF6L3Jhdy9icmFuY2gvbWFpbi9rZW5kaV9kdXNlbl9hZ2xhbWF6XzYuYm9sdW1fMi5mcmFnbWFuX3BhcnQzLnRzCiNFWFQtWC1FTkRMSVNU" type="application/x-mpegURL">
  </video>
</body>
</html>

(Edit)

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>

Please signup or login to give your own answer.

Click here to cancel reply.