I was pretty surprised when i saw http://www.vorbis.com/music/Hydrate-Kenny_Beltrey.ogg link not give me a download option but had a player that was not flash playing the audio back. (FireFox)
Is there a way i can embed this onto a page?
Use the HTML5 Audio tag.
P.S. Although you tagged as firefox, Chrome, Safari and Opera 10.5 also have support for audio
You can use HTML5 to embed this on a page, but it will not play back consistently across browsers.
The only way to get consistent audio/video playback across browsers is to use a plugin and Flash has the widest user penetration.
You're looking for the HTML5 <audio> tag.
Note that it's not supported by IE.
Related
I have tried using iframe and also video tag and object tag to play the video. In some cases, it plays only the audio from the video, but video doesn't show up.
Secondly, the same video file plays well on a separate tab in the browser, but not within my iframe.
This issue is on all browsers on my Mac, but on a windows machine it plays well.
I finally found it. Apple has a good documentation of its own for this. https://developer.apple.com/library/mac/documentation/quicktime/conceptual/qtscripting_html/QTScripting_HTML_Document/ScriptingHTML.html#//apple_ref/doc/uid/TP40001525-2-GettingaBrowsertoLoadQuickTime
I simply had to use the embed tag properly as they have explained.
I am having a very frustrating issue with HTMl5 video and safari/mac.
I am using html5 video throughout the site where needed and it works/plays on every browsers bar safari on a mac (its fine on safari windows and chrome mac for example)
The videos dont stream and only play once the entire file is downloaded. At first I thought it may be to do with the index of the file being at the end and not the beginning (link html5 video = safari wants to download it all) so i tried qtindexswapper but when loading the MP4 into the program it said the MOOV/Index was in the correct position.
Anyone have any idea why safari mac has this issue?
A.
I've seen HTML5 be very picky with videos. They may play fine in a player, but not play or maybe play with no audio once embedded. This is usually due to a video not properly created/formatted. In most cases, re-creating the file in a professional level program alleviates the issue.
Seems like Firefox displays a plugin with an "X" in older versions of Firefox (i.e. - any version below Firefox 4) and refuses to default to the flashplayer.
I understand that Firefox 4 is supported by mediaelement.js in that it can play ogg video. What is the intended 'handling' of video by mediaelement in older versions that don't support ogg video or html 5?
HTML5 is not an standard for old browsers like FF3.X. The options are:
Update to FF5 (released a few days ago as stable).
Put a flash fallback. This is a flash solution for old browser which not accept HTML5 format, but can play videos throught flash, like YouTube.
For more information about the second option, you can enter to VideoJS. This is a good plugin based on javascript to play videos with HTML5+CSS with a flash fallback.
Good luck.
I got this audio link in my html5 document:
<audio
src="http://sverigesradio.se/topsy/ljudfil/3017771.m4a"
type="audio/mp4"
controls="true"
preload="metadata"
title="Senaste sändningen från Radiosporten">
Senaste sändningen från Radiosporten</audio>
It renders properly in chrome, but in FF4 it first flashes the controls normally and then I get a big "X". In safari, it seems to hang while reading metadata.
Is there a problem with my audio-tag or with the audio-file? Is the redirect a problem?
Firefox doesn't support MP4 audio, it supports OGG audio only.
See this page for Audio support:
http://html5doctor.com/native-audio-in-the-browser/
UPDATE: concerning m4a format (which is AAC as far as I know), Safari and Chrome should support it, maybe even IE9, but no others.
You might find some useful info here (talks about video, but video also needs audio codecs): http://diveintohtml5.ep.io/video.html
UPDATE 2: And a more up-to-date table posted by Tom Gullen.
Firefox doesn't support mp4, but you can use PCM audio standard like .WAV that supports firefox, safari & chrome.
so we're building a video site with a html5 player (and backup flash for windows).
But what's really stumping me is when i view this file in firefox it plays;
http://www.roguefilms.com.local/media/uploads/2010/07/1495/8_lg-poke.mov (stored locally) but when its in the html video tag is does nothing. It shows the poster but doesn't play the video. It doesn't even show the 'Sorry - your browser is not supported!'
I know ff prefers ogg and we can use the flash backup player but if it can play it as a ht64 .mov without the player why can't it with? Seems a bit daft?
If anyone knows anything it would be great...
<video controls="controls"
id="myVideo"
src="/media/uploads/2010/07/1495/8_lg-poke.mov"
poster="/media/uploads/2010/07/1495/still.jpg"
height="360"
width="640">
Sorry - your browser is not supported!
</video>
best, Dan.
When you just load the .mov file, the content-type your server provides causes Firefox to check and see and see if any plugins handle the content. In this case, QuickTime handles it, which is why it plays.
The video tag doesn't launch plugins to play content, however.
Firefox doesn't support h264, as you mentioned, although am surprised it plays the video in its own, unless its forcing it into a Flash player automatically, which is possible.
To get the "sorry" message to display you'll need to use the source element:
<video controls="controls" id="myVideo" poster="/media/uploads/2010/07/1495/still.jpg" height="360" width="640">
<source src="/media/uploads/2010/07/1495/8_lg-poke.mov">
Sorry - your browser is not supported!
</video>
I wrote this back in April of last year, but it might help: html5laboratory - using the video element.
We once had a similar issue with the web server (Apache, in our case) not sending the proper MIME-type for the video file and Firefox first downloaded it completely before starting to play it. Is it possible that the player would work if you just waited long enough? You could use Firebug to see if your browser transfers anything.