Sample video is not working w/ HTML5 video tag on window's chrome browser

Wowza Streaming Engine
1

I trying to play wowza sample video using html5 video tag.

This document, https://www.wowza.com/docs/how-to-play-video-using-the-html5-video-tag, is so simple, and I followed, but it doesn’t work.

I tried another approach following https://www.w3schools.com/html/html5_video.asp, but it doesn’t work.

In mobile devices (tested in android), everything is good.

I am really wondering if it works on desktop browsers.

Any help would be greatly appreciated.

[FYI]

<!doctype html>
<html>
    <head>
        <title>HTML5 Live Streaming Test</title>
    </head>
    <body>
<!-- 		<video width="320" height="240" controls> -->
<!-- 		  <source src="http://[my_server_instance_ip]:1935/test/mp4:sample.mp4/playlist.m3u8" type="video/mp4"> -->
<!-- 			Your browser does not support the video tag. -->
<!-- 		</video> -->
        <video width="640" height="400" controls="controls" src="http://[my_server_instance_ip]:1935/test/mp4:sample.mp4/playlist.m3u8"></video>
    </body>
</html>
2

Although not 100% sure but from my last experience HLS does not work with chrome on desktop. Also see this.

3

You have to play HLS in an Apple browser that has native support for it like Safari as Connessione said. Or in a third party player like VLC.

4

Hi,

Try with video.js and videojs-contrib-hls.

Exemple:

<link href="https://unpkg.com/video.js@7.20.0/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js@7.20.0/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls@5.15.0/es5/videojs-contrib-hls.js"></script>

<video class="video-js vjs-default-skin" controls preload="auto" data-setup='{}' style="width: 100%">
          <source src="your_src" type="application/x-mpegURL">
</video>
1 Like
5

Thanks for sharing this @Alhusainey_Jallow