Wowza Community

Embed video into site - m3u8 on iOS

Hi there, wondering if there is a method to embed the iphone m3u8 stream on a site. Some kind of script or player? Basically, i’m trying to avoid the eternal mind-f*** of submitting an app, and instead I want to use a mini-html-site.

The fun part is, it’s a live stream. If I can code up a small html page with the live stream in its own “box” when the iphone visits, so it can still be part of the general page that would be perfect. Let the people zoom if they want it full screen :smiley:

Did a few searches but they all relate to quicktime player Video on demand, not an embedded “Frame” in a site of a live stream.

The reason I want this is because we have an ajax object for our chatroom, that loads native on the phone. It’s useless if the only way to watch the screen is in a full-size quicktime player.

You can use the video tag, but once you click it, it’s full screen, and I don’t know of any way to do otherwise.

<html> 
<head> 
<title></title> 
</head> 
<body> 
<video src="http://[wowza-address]:1935/[app-name]/[stream-name]/playlist.m3u8"; controls> 
</video>
</body> 
</html>

Richard

Not that I know of, but not sure.

Richard

Might not like those HTML comment marks “”

Richard

nevermind, that should be okay. Turn on Chrome javascript console to see if there is any info.

Richard

Hi

On iPhone and iPod it will play in fullscreen, but on iPad it will play inline.

Another thing is to make it autoplay. It is normally not supported by IOS, but this little javascript hack will work on both iPhone, Ipod touch and iPad.

<video id='myVideo' src='http://xx.xx.xx.xx:1935/live/_definst_/live/playlist.m3u8' controls width="640" height="360"  /></video>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
//-->
</SCRIPT>

Yeah, thats the rub. It “launches” in quicktime player. No support for in-browser playing eh?

Hi

On iPhone and iPod it will play in fullscreen, but on iPad it will play inline.

Another thing is to make it autoplay. It is normally not supported by IOS, but this little javascript hack will work on both iPhone, Ipod touch and iPad.

<video id='myVideo' src='http://xx.xx.xx.xx:1935/live/_definst_/live/playlist.m3u8' controls width="640" height="360"  /></video>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
//-->
</SCRIPT>

Hi why isn’t this playing on chrome browser?

Is it possible to make it fallback to flash for PC ??

Thanks in advance!

Do you know any way that it can be possible?

I will try it right now!!

Thanks!

I can see the controls but it wont let me push play and no video is playing! And when I right click on the element the options such as play,mute,replay etc are turned off?

Why is this happening?

I can see the controls but it wont let me push play and no video is playing! And when I right click on the element the options such as play,mute,replay etc are turned off?

Why is this happening?

I believe you need to add a type attribute on your video tag.

I have an exemple Assistir Tv Online Ao Vivo