Solved

if "os" load "page"

Posted on 2014-03-26
7
184 Views
Last Modified: 2014-05-28
I'm trying to find an example of code that will allow me to detect the os ie mac or windows, so that I can load a different page for each os. Right now I have a link to a page with a streaming flv video. works great for windows, but not mac would like to detect the os and then load the page that has the video supported by that os.
0
Comment
Question by:netlinger
7 Comments
 
LVL 18

Expert Comment

by:Rartemass
ID: 39958141
If you are using html5 there are several things you can use to detect.
It may be better to detect the feature you want (ie FLV playback) rather than the OS.
Here is an article that describes what options you have.
http://www.html5rocks.com/en/tutorials/detection/

However I would probably just convert the flv into a format that can play on all platforms.
This site can help convert into html5 video. Then you won't need to worry about checking OS version or features.
http://easyhtml5video.com/
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 39958918
since we don't know know how many videos you have and if you're able to convert them, I'm not going to suggest to re-work what could possibly be a core feature of your site. Instead, I would read up on browser detection vs feature detection and see if those options are viable for what you're trying to accomplish

http://msdn.microsoft.com/en-us/magazine/hh475813.aspx
0
 
LVL 48

Accepted Solution

by:
dbrunton earned 500 total points
ID: 39959856
Use Javascript to detect OS

// This script sets OSName variable as follows:
// "Windows"    for all versions of Windows
// "MacOS"      for all versions of Macintosh OS
// "Linux"      for all versions of Linux
// "UNIX"       for all other UNIX flavors
// "Unknown OS" indicates failure to detect the OS

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

document.write('Your OS: '+OSName);

From http://www.javascripter.net/faq/operatin.htm

See the link for full details
0
 

Author Comment

by:netlinger
ID: 39964917
reply to Raretmass

I tried that went the mp4 route. There seems to be an issue with windows xp checked multiple workstations with current browser versions of firefox and ie and I get this error:
No video with supported format and MIME type found. I defined the MIME content on the server as well.

But the mp4 videos work on win 7 and on my google tablet as well.
0
 
LVL 18

Expert Comment

by:Rartemass
ID: 39981822
You may need to add the following to your .htaccess file on the web server

AddType video/webm .webm
AddType video/mp4 .mp4

If you server uses IIS you can click on MIME types and the Add button then add the above two types. You may also want to add OGG while you are there.

If you need help adding these this article will guide you
http://coolestguidesontheplanet.com/no-video-with-supported-format-and-mime-type-found/
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
css, html 5 42
Put glyphicon in my input button 4 46
How to get this page layout correct 13 28
Little bit of help styling my heading 3 17
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now