I currently have a simple flash Mp3 player on my site which works lovely. The issue is, most cell phones do not support flash and a large portion of my visitors come through via a mobile device. The alternative to this is to replace the flash player with a javascript player. I found a JQuery one but it only works on HTML5 compatible browsers. Does anyone know of a good alternative that would work on mobile devices as well as most desktop web browsers?
You can check if the browser supports the HTML5 audio tag if not, use the flash version.
Check out jPlayer.
Related
I have used wordpress plugin called "Video Background" for integrating full background video to the website.But it is not playing in mobile device.Also it is not playing in Safari browser in dekstop.
I need suggestion of other plugin or method, by which i can play video on both mobile/desktop.
Thanks!
It's not supported on iOS I'm not sure about android but I don't think it's supported either. I would recommend using an animated gif. That's supported everywhere. Otherwise you'd have to script something.
I am trying to open m.youtube.com using an ordinary browser but to be able to play the videos using HTML5 (instead of the default RTSP playback). To do that, I spoofed User-Agent in Firefox, and added there a string corresponding to iPhone's Safari UserAgent string. After I've done that, I see a nice "iPhone-like" version of the Youtube (instead of an ordinary m.youtube.com for other mobile devices). But the video, when selected, is not being played (on a "User-Agent-spoofed" Safari i can hear only sound, on "spoofed" Firefox the video is hung with a spinning "video is loading" icon). Why that might happen? what kind of features of Safari for iOS HTML5 version of youtube site may use that the video is not played in desktop Safari and Mozilla?
I have checked the Desktop browser requests and responses with Wiresharked, and found the GET request which corresponds to the video asked (the request's Content-type is video/mp4). But the playback works always only on the iPhone's Safari.
What may be the reason? I tried to look into HTML5 code of the Youtube page that contains video player, but there's so much JavaScript (most of HTML is being generated dynamically) that I got lost in it.
Is there any way to make it work on ordinary browsers (I can modify the requests/cookies on-the-fly)? I'd like to have an iPhone-styled youtube with HTML5 on my desktop browser.
Thank you
I have been looking for an answer to this for a while with no luck. This SO question gives a lot of detail to the problem I am having, but is unanswered:
I'm trying to embed a video on a website that will play on blackberry
and windows mobile 6.5 devices (currently testing on a blackberry
curve and acer betouch) but don't seem to be getting anywhere.
Blackberry Flash doesn't work, and HTML5 video doesn't either. I can
play video in the browser on youtube so can see that it is possible -
using third party services like youtube isn't really an option either.
Windows mobile 6.5 Same deal really, though I think Flash is the way
to go (http://www.adobe.com/software/flash/about/ says the device has
flash version 9.1.something installed) but still just getting a little
triangle with a 9 in when I test it.
My question is: How would I embed a video to a webpage for blackberry and windows mobile?
I think that using the <object> tag would be safest, as Blackberry and Windows Mobile devices should both support it. Here's a link to the Blackberry developer blog, where they explain embedding video/audio objects so they are viewable on a Blackberry device. This method should work for Windows Mobile devices as well:
http://docs.blackberry.com/en/developers/deliverables/6176/HTML_ref_object_564145_11.jsp
For a full overview of HTML 5 video and flash fallback (to support all devices) consider reading here..
http://diveintohtml5.ep.io/video.html
Vorbis OGG may be the safest bet..
i thought flash dont work on iphone and i been tring to see this jplayer on my mobile iphone 4 and mp3 is playing fine on it, so im scraching my head and thinking why its playing it?
so this means, this jplayer will work on all the browser and mobiles? cause im making site for playing audio, need to know.
example: http://www.jplayer.org/latest/demo-01-supplied-mp3/
this is in flash tho, im really confused.
btw just to clear another thing is, even if its html5 it should not play mp3 file in html5 on iphone, because mp3 format is not supported by firefox.
list of format supported by browsers: http://www.jplayer.org/latest/developer-guide/#reference-html5-audio-format
because, jPlayer is HTML 5 audio and video player with jquery, Please check your link again and be confirm that it is saying, "HTML5 Audio & Video player for jQuery" not flash player
HTML5 allows you to play video/audio without any flash involved anywhere. That version of JPlayer you are looking at uses HTML5
jplayer only uses flash when it does not find a html5 compatible browser. please have a look on the jplayer documentation.
http://www.jplayer.org/0.2.4/developer-guide/
Is it possible to play embedded MP3 on iPad Safari (the way you do on normal desktop browsers) ?
If yes, do we need to code separately for iPad Safari ?
The reason I am asking is bcoz in my app, the desktop code for mp3 is not working on iPad..
The code for desktop is
<EMBED src="'+audioUrl+'" autostart=true loop=false volume=100 hidden=true>
To add to the excellent answers of Blindy and John, the IPad should be HTML5 compliant which means that you can use the HTML5 audio and vido tags. You can read more about this at The Safari Developer Library.
Why don't you just use the <audio> tag, that's what it's there for.
To answer your question, yes it is possible.
You can use the HTML 5 <audio> tag. Check out w3schools - HTML5 Audio.
There is also a table on there telling you what formats work with what browsers.