background preloader

Video for Everybody!

Video for Everybody!
Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. It is not a neatly packaged, fully-featured solution for those unfamiliar with HTML. How It Works If your browser supports it, HTML5 video is used. If HTML5 video is not supported, Adobe Flash is used. Finally, if all else fails, a placeholder image is shown and the user can download the video using the links provided. VfE different than any other Flash video embedding method. This is all done without JavaScript and requires two video encodes, one Ogg file, and one MP4 file. The Code Here follows the full source code. IMPORTANT Notes Using Video

Viral Video Prediction Made Fun with TubeRank Viral Ad Network's TubeRank officially came onto the scene yesterday, with an application on their website that lets you see examples of successful videos based on a number of emotional triggers that you enter into their database. If you're a content creator who wants to make a certain kind of video, and you have all the emotional triggers in place, you can figure out how well other videos that have similar qualities have fared. I must say, even if you're not looking to create content, it's a fun way to spend some time, as the results that come up make for good video discovery. Let's take a look at TubeRank. They built this app based on the research done in this slide presentation . The video that pops up is the funny video with Nick Offerman about "Movember." But that's just a simple experiment. Here are all the triggers and interests you can play around with: Triggers (Emotional Responses You're Looking For) Kawaii (cuteness) Moving Talent Referential Topical Educational General Interest Film

Dive Into HTML5 Flash Embedding Cage Match “How can you best embed Flash content?” It should be a simple question, but is likely to evoke a lot of different opinions and arguments, as each of the many available embedding techniques have their own pros and cons. In this article, I will look into the complexities and subtleties of embedding Flash content and examine the most popular embedding methods to see how good they really are. The key ingredients of a great Flash embedding method#section1 Before we get into the nitty-gritty, let’s first define our ideal Flash embedding method. Standards compliance#section2 Web standards offer a universal language to a whole ecosystem of browser makers, tool builders, and web authors, so that all of these audiences can avoid compatibility problems, vendor lock-ins, and patent-infringement issues. Cross-browser support#section3 Support for all major browsers and popular operating systems is a critical requirement. Support for alternative content#section4 Auto-activation of active content#section6

Top Lessons Learned in Marketing Video Across Social Networks and What Works for Me! Promoting video via social media can seem like an easy option – after all, it’s free, easy to use, and gets you an immediate audience of millions, right? Well, in my experience, if you do it properly, it’s hard, continuous work, but can prove rewarding. When I was offered the chance to be the social manager for vidmeup.com – I jumped at it. So after 9 months, I have a modest social media presence via my vidmeup.com social accounts – at the time of writing: 934 twitter followers, 244 FaceBook friends, and a Klout score of 45. My small yet ever growing network has been built up entirely by a commitment to promoting good quality video content from users of vidmeup, or that of my friends and followers. 5 Top Lessons Learned while Going Social with Video Here are a few hints and tips based on my experience so far, mostly based on trial and error. Learning 1: Keep it Going, Measure & Adjust Social media marketing does not have a ‘set it and forget it’ option. Learning 3: Quality, not Quantity

YouTube Embedded Players and Player Parameters - YouTube Overview This document explains how to embed a YouTube player in your application and also defines the parameters that are available in the YouTube embedded player. By appending parameters to the IFrame URL, you can customize the playback experience in your application. This page currently defines all parameters supported in any YouTube embedded player. Note: Embedded players must have a viewport that is at least 200px by 200px. Embed a YouTube player You can use any of the following methods to embed a YouTube player in your application and specify player parameters. Embed a player using an <iframe> tag Define an <iframe> tag in your application in which the src URL specifies the content that the player will load as well as any other player parameters you want to set. If you create the <iframe> element yourself (rather than using the IFrame Player API to create it), you can append player parameters directly to the end of the URL. Embed a player using the IFrame Player API Revision history

Video Marketing How-to: 4 tactics from a small business that generated 1 million YouTube views by Courtney Eckerle, ReporterJeremy Vest, Senior SEM and Online Manager, Wasp Barcode, has one million views right now on the Wasp Barcode YouTube page. This is a point of pride for him as a marketer for a "super non-sexy product."Although a barcode scanner doesn’t seem like it would light up the screen, one million views proves it is more than possible, perhaps even preferable, for products that don't pop off the page to do better in this highly visual format. Small businesses, even on a tight marketing budget, can take advantage of the tremendous opportunity video allows to display or demonstrate their product or service, according to Mark Zamora, Producer, Manchu Media. The opportunity is growing all of the time with an August 2012 comScore U.S. Online Video Rankings report showing an all-time high of 188 million U.S. Tactic #1. One of the biggest mistakes people do when starting to create videos, according to Vest, is to say, "Oh hey, we have a new product. Tactic #2. Be concise

YouTube Embedded Players and Player Parameters - YouTube Overview This document explains how to embed a YouTube player in your application and also defines the parameters that are available in the YouTube embedded player. By appending parameters to the IFrame URL, you can customize the playback experience in your application. For example, you can automatically play videos using the autoplay parameter or cause a video to play repeatedly using the loop parameter. You can also use the enablejsapi parameter to enable the player to be controlled via the IFrame Player API. This page currently defines all parameters supported in any YouTube embedded player. Note: Embedded players must have a viewport that is at least 200px by 200px. Embed a YouTube player You can use any of the following methods to embed a YouTube player in your application and specify player parameters. Embed a player using an <iframe> tag The <iframe> tag below would load a 640x360px player that would play the YouTube video M7lc1UVf-VE.

Anthony Morrison Revolutionary Video Presentation | Allow up to 10 seconds for Video to load (c) 2013 SuccessWithAnthony.com is a registered trademark of Morrison Publishing LLC. All other marks are the property of their respective owners. All rights reserved. Support@SuccessWithAnthony.com Unauthorized duplication or publication of any materials from this site is expressly prohibited. The results of the students show in this video are not typical of our average student. Terms & Conditions | Earnings Disclaimer | Refund Policy All trademarks, logos, and service marks displayed are registered and/or unregistered Trademarks of their respective owners.

IE9 Flash not rendering when wmode is set to opaque or transparent - The UX Files I have a Windows 7 64-bit installation, with IE9 and the latest version of Flash (10.3.181.34) installed. I was not able to view most flash in webpages, even the “about flash” page on Adobe’s site. There is a long thread with various workarounds and solutions (which all were promised to be unnecessary once 10.3.181.16 was released), but it was not until the 3rd page that I found a hint which allowed me to fix the issue. My solution: Go to IE9 > Tools > Internet Options > Advanced.Check the “Do not save encrypted pages to disk” optionRestart IE9View and shake head at Adobe and Microsoft This seems like the more secure option, so not sure why it wasn’t set…hopefully this doesn’t break something else in IE!

Tubemogul Destinations – What You Need To Know – WVU #81 Last week Tubemogul introduced a service called Destinations, which promised that you could give them any video, they would convert it so it’s web ready and then distribute that video anywhere you want…at no cost. But there’s been some misinformation passed around about Tubemogul Destinations and it turns out their “from anywhere to anywhere” video distribution claim isn’t entirely true. So here are the facts you need to know about how this new service works. WebRTC Updates <title>getUserMedia Example</title> video { height: 25em; position: relative; left: 15%; #video-space { padding: 1em; background-color: rgba(70, 70, 6, 0.55); border-radius: 25px; ul { padding: 2em; font-family: sans-serif; font-size: 120%; line-height:160%; background-color: lightgray; border-radius: 25px <h1>getUserMedia API Example</h1> navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; var video = document.querySelector("video"); function successCallback(stream) { // stream available to console so you could inspect it and see what this object looks like window.stream = stream; if (window.URL) { video.src = window.URL.createObjectURL(stream); } else { video.src = stream; video.play(); function errorCallback(error) { console.log("navigator.getUserMedia error: ", error); navigator.getUserMedia(constraints, successCallback, errorCallback); (!)

Related: