Feeds:
Posts
Comments

Posts Tagged ‘mobile’

HTML5 has been a hot topic for some time now but in many ways it’s becoming more of a norm. At Mydeo, I’m seeing more and more of our customers jumping on the <video> tag bandwagon and for good reason too. The use of Flash is slowing down mainly due to the lack of support in iOS devices but it’s also interesting to add that the latest versions of Android are also dropping support. Android and iOS are the market leaders for smartphones and tablets and together control over 85% of the overall pie. Consumers demand their videos on the go and if you’re still using the ye old ways of Flash then you could be losing a sizeable chunk of your audience to your competitor who has already utilised a solution for reaching these devices.

I’m here to tell you that you don’t need to spend the whole of your quarterly budget  on a video platform just to reach smart devices. This post will show you how to embed videos on your site using the <video> tag. It will also show you how to reach multiple browsers and devices because not all end users have the same equipment/software. I will use video files that have already been uploaded to the Mydeo servers to test with.

In the example below you’ll see a standard  HTML page but with the addition of the video tag that’s referencing a file on the Mydeo servers. If you copy this code and paste it into notepad and save the file as a .htm or .html, the file will open as a web page containing the video. This, in its current format will also play on iOS devices.

<html>
<head>
<title>My HTML5 Video</title>
</head>
<body>
<video src="http://mydeo.vo.llnwd.net/o1/u/m3/64de828ce3264daf912aa3493414a30d.mp4" controls="controls" height="480" width="620"></video>
</body>
</html>

If the video is not playing for you, there’s a good chance that the browser you’re using doesn’t support .mp4 or HTML5 at all. To reach almost every browser/device, we need to do a few more things.

The example below has a few additions: firstly, I have moved the source tag onto a different line and added support for three different file types: mp4, ogv (ogg) and webm. These three files types are the video formats excepted by HTML5 so by referencing all of them, you’ll reach a better percentage of end users. All the files referenced here are the same video but I’ve just converted them into the separate file types (information on how to convert you videos for free is mentioned later in the article). Secondly, if you want to be able to reach users using older operating systems with older browsers, you can also add a traditional Flash player (see the code example on how to add a Flash player). The player below is coded so if the first option doesn’t work, the browser will seamlessly attempt to play the second option and then the third and so on. This process is called a ‘fall back’, the browser falls back until it finds a compatible version to play.

<html>
<head>
<title>My HTML5 Video</title>
</head>
<body>
<video controls="controls" height="480" width="620">
<source src="http://mydeo.vo.llnwd.net/o1/u/m3/64de828ce3264daf912aa3493414a30d.mp4" type="video/mp4" />
<source src="http://mydeo.vo.llnwd.net/o1/u/m3/59243cfe69c74f3ebc26d14cb29e9b96.webm" type="video/webm" />
<source src="http://mydeo.vo.llnwd.net/o1/u/m3/160a3cd44c074efcae8b1fbb784aca9f.ogv" type="video/ogg" />
<--! Here is where you add code for a traditional flash player, you can use the mp4 URL above and generate yourself a player by navigating here: http://blog.mydeo.com/2013/01/25/flash-video-player-generator/ -->
</video>
</body>
</html>

And that’s it! You can use the code above to create your own HTML5 player, all you need to do is replace the source URLs with your own. There are many different options for customising your player so be sure to have a play around with the code. If you need to convert your files into mp4, ogg or webm then there is a fantastic video converter which is 100% free and can be downloaded here: http://www.mirovideoconverter.com/.

Remember that these test files are utilising Mydeo’s servers so if you need a hosting provider to deliver your HTML5 videos over a super fast global network, then do not hesitate to contact us. You can do so by email: m3@mydeo.com or by phone: +44 208 540 2300.

Read Full Post »

Reach is a great new service offered by Mydeo for optimised mobile delivery, Live and On-Demand. Below is all the information you need to know about this fantastic new solution.

Extend the reach of your video content to the growing
universe of mobile devices.

Publish once. Distribute everywhere. With LimelightREACH,™ you can grow the audience for your media content—reaching consumers wherever they happen to be, on whatever device they’re using, and in the right format for the device.

All devices are not created equal

As mobile video consumption surges, it’s no simple proposition to deliver content that works across an ever-expanding array of handsets and IP-capable gadgets. Now you can rise to the challenge—with LimelightREACH, an intelligence layer that optimizes media delivery for today’s mobile devices. This innovative solution combines video adaptation, device detection, and optimized delivery—so you don’t need worry about the technical details of reaching a mobile audience. A single Universal URL streamlines publishing for instant user access from any browser, any application.

You stay in control

LimelightREACH integrates mobile delivery intelligence with your existing workflow, so there’s no need to change the way you run your operation. You define how your content will be presented to consumers—and you can use the same hosting, publishing, and reporting infrastructure you already have in place. Thanks to an open architecture, LimelightREACH works with the leading CDNs used by media companies and integrates with popular advertising platforms, including LimelightADS,™ the new ad insertion service from Limelight Networks.®


With LimelightREACH, the business of publishing video to mobile audiences is easier than you think. The presentation of your content —whether on your mobile site or mobile application—remains under your control using one convenient URL for any piece of content.

LimelightREACH key features


Device targeting.

Limelight Networks maintains profile information for all the major smartphones, as well as the standard mass-market cell phones in use today. That means we’re on top of details like screen size, codecs, and encoding parameters—so you don’t need worry about the specific capabilities of every new device on the market.

One source file.

Publish your high-resolution source file and leave the rest to us. LimelightREACH supports on-demand video in a variety of container formats (MPEG2, MPEG4, MOV), video codecs (H.264, MPEG4 AVC, QuickTime), and audio codecs (AMR, AAC)—then adapts your media based on the profile settings for targeted devices.

Universal URL.

Your job is to present your content to mobile consumers and innovate on your mobile application or site. LimelightREACH makes that easy by giving you a single URL that works for any device. When a user requests your content, LimelightREACH detects the device and pulls the right version of your media, delivering it using the aprropriate scheme (HTTP or RSTP).

Media-grade CDN.

For scalable delivery, LimelightREACH leverages LimelightDELIVER,™ LimelightSTREAM,™ and other leading CDN platforms—giving you the confidence that any amount of content can be delivered reliably anywhere in the world.

Reporting and analytics.

Detailed reports on historical data, most requested programs, user behavior and consumption metrics, and geographic traffic give you valuable information about your mobile audience and your business. LimelightREACH also supports popular external measurement systems, such as Omniture.

Conclusion

So concluding this, we offer the best solution for mobile delivery on the CDN market. If you’re interested in Reach or any of our other CDN services, please feel free to contact us by phone on: +44 208 540 2300 and by email: m3@mydeo.com.


Read Full Post »

Follow

Get every new post delivered to your Inbox.