I can play NASA's m3u8 HLS transmission or Apple's sample m3u8 feed quite easily on Google chrome on a windows 7 64-bit desktop machine. But when I try to play my own m3u8 file in chrome by serving it through my nginx server it gets downloaded as a VLC file and I have to start VLC separately to play it. I can play the same file on a MAC using safari and on iPhone without problems.
I know playing my own m3u8 on chrome should work since NASA's m3u8 HLS transmission works fine on chrome. What am I doing different?
Appreciate any help/pointers.
See this bug report
https://code.google.com/p/chromium/issues/detail?id=54198
it seems like they don't plan on implementing it
They are considering mpeg-dash as an alternative
Related
Would I know if any method could help to embed the wmv, mov and mpeg2 video to a webpage in ubuntu 14.04 LTS?
Does video.js can perform the work?
I would like to use a web browser locally to make those video file plays in different region in ubuntu using Google Chrome in a webpage.
Thanks for the help.
Not natively. The HTML5 tech can play what the browser can play - webm, ogv and h264/mp4 (maybe not even the latter on Linux?). The Flash tech will play a couple more formats, notably flv. There are some additional tech plugins that add support for further types.
So I'm putting together a very video-heavy project with self-hosted videos in HTML5. I've got my videos encoded in both H.264/AAC MP4 and WebM formats, and they work beautifully in Chrome, Firefox, Safari, Mobile Safari etc. All good.
This is the most basic version of my code (in the production site I'm running it with VideoJS on top, however whether it's there or not, this problem occurs so I've removed the code for it from this example):
<video preload="true" width="720" height="406" controls="true">
<source src="/55.mp4" type="video/mp4">
<source src="/55.webm" type="video/webm">
</video>
But Internet Explorer refuses to play ball. When I load up the page in IE 11, I just get a video decoding error:
In Internet Explorer's developer tools, I can see that it's getting a content type of video/mp4, and just to completely eliminate server issues I've tried it on both my local Apache install and my web hosting. If I use the console to get the playback error, I get MEDIA_ERR_DECODE : 3, which, according to the site I just linked to, means
An error has occurred in the decoding of the media resource, after the resource was established to be usable.
This tells me that there's a problem with the video encoding... but I can't see it.
The video files were originally exported as QuickTime videos from Adobe Premier or Final Cut Pro (I'm not sure which the video guy uses), and then run through Miro Video Converter to output MP4 and WebM formats. When I open the MP4 files up in VLC, it shows me the following information about the codecs in use:
I can't see anything wrong there; it looks exactly like every reference I've found online says MP4 video should be for maximum compatibility - H.264/AVC video and AAC audio.
Can anyone see anything wrong with what I'm doing? I'd love to be able to post an example video, however I can't due to privacy reasons. All the same any help would be greatly appreciated.
So this is somewhat embarrassing, but I did eventually figure it out.
The problem wasn't so much with Internet Explorer as it was the VM I was using to run Windows to test in Internet Explorer.
Essentially, I was running Windows 7 inside of a VirtualBox VM. When I (in desperation) sought out an actual physical machine running Windows... lo and behold it played!
I can only assume that the video drivers provided by VirtualBox didn't like decoding MP4 or something. The videos played fine in other browsers, but I'm guessing they decode/render video differently to how IE does.
I had the same issue recently with VirtualBox running Windows7 on MacOS. Solved by enabling 3D acceleration in the "Display" settings for the problematic VM.
The OP is a genius. I was struggling with this same issue for days and could only test on a windows machine today. This led me to change the configuration of my Parallels Desktop v15.
Im running IE 11 on Windows 8.1 and changed in the Graphics > Resolution > Advanced settings > Vertical synchronization should be ticked off.
Maybe this will help other people.
Maybe worth a shot: Rebooting Windows 7 within VMWare Fusion solved it for me.
I am trying to play audio after a touch on my website using audio element but the audio file is on aws cloud front. The audio is audible on Desktop Chrome but I cannot hear it on iOS Safari .
Do they permit it , if yes then is there a config file that we need to create ?
To answer your titled question: yes mobile Safari does allow to play cross domain HTML5 audio (just tested it again on my iOS7 iPad). Though there has been report it is not working well with CORS attribute.
You could try to wildcard CORS on CloudFront. Maybe this can help you.
Are you able to plug your iOS device on a Mac to use Safari debug console for iOS? If so there could be error showing up in the logs.
When I enter a WebM video URL in a web browser on Windows 7, the video automatically starts playing. But in Firefox on a Linux system, when I enter a WebM video URL it asks me if I want to download that video file, rather than automatically playing it in the browser.
This may be a silly question with a super simple answer, but what do I need to do to make this video play within the browser, rather than asking me if I want to download it?
When I try the same thing in Chrome in my Linux environment, the video automatically plays within the web browser as I would hope, so it seems to be something specific to Firefox in Linux that I need to change.
Go to this link http://webm.html5.org to verify that you can play WebM videos and make sure you update to a newer version of Firefox.
Is there any way via extension / hack / or otherwise to play an m3u8 video from google chrome? I'm having some trouble getting the official word on m3u8 support, though I'm pretty sure its unsupported.
I'm working on a video player with live playback (using flash for standard browser apps) so I'm using m3u8's to get everything working on mobile, but the debugging tools on mobile leave a lot to be desired. I was wondering if there was any workaround to getting these videos to work so I could use the browser debuggers. (I'm on windows 7).
There's a new appendBytes/sourceBuffer proposal in the spec, and I saw a chrome evangelist mention that there was a beta implementation in chrome canary. With that you would have to write a ton of javascript to read the m3u8 file, get the video segments, parse the data, and push them into the media element manually. I'm guessing that's more than you want to do for testing.
What you probably want is something like Weinre.