Videoture 30 Second Web Video PDF to Video Custom Video Products Aerial Video Solutions Sitemap Contact

Solutions to Youtube Video Player Limitations

By: Richard Hart
richardhart.com

It’s free, popular, and has apps available for every major web device on the market. It also shares your video native meta data directly with Google seamlessly, and can get your video highly ranked quickly if you do it right. If you want everyone to see your video (or if you are hoping for a viral effort)  –  you definitely have to have Youtube video in your overall video campaign.

Keep in mind the old saying though… “if you live by Youtube, you can die by Youtube” – because it gets more true every single day.

Some Youtube considerations and problem solutions:

A) Youtube wants the World in an iFrame!
If you are familiar with HTML then this is really not that daunting, and can in fact provide you with some interesting additional functionality, as we will see later.

Youtube is in the process of converting all of its embed code generators to code in HTML5 (the new standard in web browsers for multimedia). This marks a distinct change in philosophy from the Adobe Flash compliant code days of yore, and also signals the end in functionality to certain feature like mandatory HD viewing prescriptions.

Although the change is being rolled out relatively slowly, certain functionality has already ceased (i.e. certain older playlist functions no longer operate and/or are not available as an option from Youtube.

B) Playlists videos and Single videos on Youtube
Youtube has two different types of embed play code potential to offer. They are “single” video play, and secondarily “playlist” video play – which can provide you with a short or long list of video that all roll out when you start the first video play. To build a playlist, you must have a “Google” account online already. The people who view your videos never have to have an account to see either a single video or a playlist. Depending on the device however they may be asked how they wish to view the video.

Also, you need not be the owner of a video to include it in one of your Playlists. This means that even super small budget companies can have enormous video libraries available, if they harness their manufacturers and suppliers videos.

If you don’t want to establish or manage your Youtube account and videos, we will provide that service for you as part of our on-going service.

Sample Youtube Single video embed code with iFrame:
<iframe width="1280" height="720" src="http://www.youtube.com/embed/cRdxXPV9GNQ"
frameborder="0" allowfullscreen></iframe>

Sample Youtube Playlist video embed code with iFrame:
<iframe width="1280" height="720" src="http://www.youtube.com/embed
/videoseries?list=PL-fo4GkdZ_HhrE3mcBLwPdgi5Uuey0M3a" frameborder="0" allowfullscreen></iframe>

C) Adding Youtube embed code to your web page
Literally, just add the above code to your web page and upload the page to your web server and you will see the web video. Of course, making it display in a different location requires some HTML familiarity,
but you have almost complete control of the where and the how this page will be displayed using basic HTML positional information.

D) Autoplay and no relevant video suggestions embed coding on Youtube
One area that has evolved very quickly within Youtube is the command technology that controls basic functions like “Autoplaying” the Youtube video on page load, and what happens after the video or playlist has completed playing.

Youtube remains very attached to the notion that one video should lead to another, and so by default, Youtube will display a series of additional videos to your viewers after it has played the embedded video. This can be a disaster if the additional video Youtube recommends belongs to your competitor, or to other videos that can attract attention away from your website and continuing to explore its potential.

Additionally failure to “Autoplay” a video on load can mean you will not get the web viewer to see the video by clicking on the play button. Autoplay is not an option for Apple Safari for iPad. It will simply remain displayed with a press to play button only.

To Autoplay on a Single Youtube web video embed command, simply add the “?autoplay=1” after the Youtube video element in the iFrame embed code:

Single Video <iframe> with Autoplay:
<iframe width="1100" height="619" src="http://www.youtube.com/embed/cX4iL2TSO14?autoplay=1"
frameborder="0" allowfullscreen></iframe>

Single Video <iframe> with No Relevant Video Suggestions and Autoplay:
<iframe width="1100" height="619" src="http://www.youtube.com/
embed/cX4iL2TSO14?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

(after the youtube video info add:  ?rel=0&autoplay=1 )

Note: the relevant syntax must precede the autoplay commands.

Youtube Playlists <iframe> with No Relevant Video Suggestions and Autoplay:

<iframe width="1100" height="619" src="http://www.youtube.com/
embed/videoseries?list=PLC0E6FD75149CD7B2&rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

(after the youtube video info add:  &rel=0&autoplay=1 )

Note:
1) The syntax for a Playlist <iframe> is different than a single Youtube
video <iframe> embed command structure. Again, the order of the syntax must be as listed.

2) Apple iPad Safari will not “Autoplay” regardless of syntax.


5) Build a Youtube player on your web page with multiple single videos or playlists that can be customer selected for play:
a) First create an iFrame on the page you wish to have the “player” operate. You can adjust the size of the iFrame and player here too.
b) Label the iFrame with a unique name that can be the target name of the videos as they are selected by your web users. (name=”I1”)
c) Create an html page that will be the holder page of your viewer. The holder page can have artwork, Flash, or even a youtube video already in the location set to autoplay or idle. (Our sample has Flash with a link to our playlist. It can be viewed on our homepage.)


sample:
<iframe name="I1" width="1100" height="619" scrolling="no" border="0"
frameborder="0" src="http://videoture.net/1_index_insert.htm" marginwidth="1" marginheight="1"></iframe>

To play multiple single videos or playlist(s) from one web page requires that embed each individual video or playlist on a unique web page.

sample:
<a href="http://videoture.net/transitions/3D_Blind_Spin.htm" target="I1">Spin</a>

(this sample sends the “Spin” Youtube video to the <iframe> named ”I1”)

You can send as many videos or playlists as you like from one single web page. This is amazingly powerful and can help create a very satisfying user experience with users that will stay on your web page.

back more