Create Custom Youtube Video Player.

As Google Video will be discontinuing uploads bloggers will now have to turn to Youtube to showcase their videos on their blogs.

Uploading videos directly to Blogger can also frequently cause errors like this :

"Sorry, there was an error uploading your video. Please contact support and include the following information: Blog Id:******* Video Id:68e2ght***" "

Now YouTube allows you to create a customizable video player like this one :



This video player is a collection of Official Blogger Help Videos on Youtube. To create a video like this one.............

To create your own custom video player :

1. Login to your Youtube account.

2. Upload your videos from PC.

3. Or open the videos you like and click the Favorite link below the video player to Add that video to your favorite videos.

4. Go to Youtube Custom Player Creator page.

5. Choose the various options to customize the player.

6. Click My Videos to load your videos or My Favorites to load your favorite videos and click Select button.

7. Click Generate Code button and copy the code provided.

8. Login at Blogger.com

9. Click New Post button on Dashboard.

10. In Post Editor click Edit Html tab in upper right corner.

11. Paste the code in Edit Html tab of post editor and click Publish Post.

12. Click View Blog to enjoy your video.

Put Streaming Audio In Blog.

Streaming Audio or Streaming Video, both also called as Streaming Media is multimedia that is continuously received by, and normally displayed to, the end-user while it is being delivered by the provider.


It is a method of transmitting files so that a part of the file starts playing in your Media Player while the rest of the file is being received. The file is not saved to your disk or PC. Part of the file is received into a 'buffer' from which it is played while the rest of the file arrives. Hence the viewer experience depends on the speed of your Internet connection. The file may freeze while playing if due to a dial-up connection enough of it has not arrived in the 'buffer'.


We have already seen how to put Streaming Video in your blog. Here is how to put Streaming Audio in your blog...........

CREATE THE AUDIO FILE

First you will have to create your Audio file. For this you can use your PC Multimedia and software such as Audacity which is free, open source software for recording and editing sounds in Linux, Mac OS X, and other operating systems. For this post I have taken a demo MP3 file which is a short music file.

UPLOAD THE MP3 FILE

After creating your MP3 file you have to upload file to a free host. This will enable viewer's to access it at any time. I have uploaded my demo MP3 file to my account at Googlepages where free hosting is provided upto 500 MB at present. After uploading the file copy down the link of the file (Link 1). My link to this file is :

http://ezeeblog.googlepages.com/Demo.mp3.

Do not attempt to access this link as the file will simply download to your machine without playing. To play the file we have to create a pointer file.....

CREATE THE POINTER FILE

This is the file which will point to your MP3 file. For this open Notepad and paste the link (Link 1)of your file at Googlepages in it. Then save the file with a M3U extension. That is call it MYDEMO.M3U. Upload this file to Googlepages. Copy down the link to this file (Link 2). This is the link of my pointer file :

http://ezeeblog.googlepages.com/audiodemo.m3u.

Notice that the file names are not the same.

CREATE LINK IN YOUR POST

In your blog post create a link to the pointer file. Type in "Click here to play Streaming Audio". Highlight the phrase and click the link icon in top frame of post editor. Paste the link of the pointer file (Link 2) in the popup window and OK it. You can also create it manually by pasting this code in Edit Html tab of Post Editor :

<a href="LINK 2">Click here to play Streaming Audio</a>

You can also paste the code above in a Html/Javascript Page Element in the sidebar. Here is what it will look like :


Click here to play Streaming Audio

If you click on the above link you will be prompted to save the file or play it in the default Media Player on your PC. Choose to play it instead of saving it and the Media Player will download and play the file while buffering it. The file will not be saved to your PC.


Advantages of this method is the file does not start playing automatically while loading the page. The viewer has the choice to view/play the file or save it. Many viewers are turned off by embedded music blaring from their speakers when a web page is loaded and may not return.


Enjoy!

Direct Upload Video to Blogs.

Blogger has now enabled Direct Video Uploading to your blogs. There is now no need to first upload video to Youtube and all the hassles of pasting the Embed code in your blog post.


You can directly upload videos without leaving your Post Editor in Blogger and the videos are uploaded to Google Video and the code placed in your blog post automatically............



This is a birthday present from Blogger. Yes Blogger celebrated it's eighth bithday Blogger Buzz: Happy Eighth Birthday! on 23 August and unveiled direct video uploads the next day. Previously you may have noticed Blogger testing it out in Blogger in Draft.



Now you need not worry any more about creating an account at google Video and uploading video there and then all the problems with getting the video to show on your blog by arranging the code in a continuous line. Blogger does it all for you.
Morever after uploading the video it is automatically converted into a video podcast! It will help if you enable the enclosure links for podcasting.

However if you don’t have the enclosure links visible (i.e. “Show Link fields” is set to “No”), we auto-add and auto-delete the enclosure links for your video uploads. If you do have the enclosure links visible, we’ll auto-add but not auto-delete.

To turn on enclosure links, just go to Settings > Formatting and set the “Show Link fields” option to “Yes.” This will add the enclosure link fields to your post editor. From there, just paste in the URLs of your recorded media, and your blog will instantly become a podcast.



To add a video to your post login to Blogger Dashboard and click on +New Post link. Then in Post Editor click the new square 'Add Video' icon in top frame. This is what it looks like --->
To see a video go to Blogger Buzz: 3, 2, 1, Action!

Some points to note as quoted by Pete in Blogger in Draft: Enclosures and Video Podcasting:

1. Videos are provided for download in MP4 format.

2. Blogger supports adding multiple enclosures to a post, but for maximum compatibility with popular podcatchers, you may only want to include one enclosure per post.

3. By default, Blogger feeds are in Atom format. If certain podcatchers require RSS 2.0 format, have them subscribe to http://yourblog.blogspot.com/rss.xml.

4. The MIME Type is auto detected for common podcasting file extensions.

Now to figure out how we can use a Playlist Video feature here, or perhaps it is to be eagerly awaited.

Put Google Video In Your Blog.

In the last post we saw how to put a YouTube Video Playlist in your blog. We have already seen how to put a YouTube Video in your blog. Today we will look at how to put a Google Video in your blog post...........

First you will have to register and get a Google account. Then go over to Google Videos and if you want upload your videos by clicking on the Upload link at the top. If you want to put in a shared video you can search for videos by typing in a keyword in the search box. Just click on a video to open it. See picture below :


Click on picture to enlarge it.

To put this video in your blog click on the blue button (EMail, Blog, Post to MySpace) shown by the arrow in the picture above. The sidebar will expand to show "Send Link Embed Html". Click on Embed Html and you will get the code in a window below. See picture below :


Click on picture to enlarge it.

Copy the code in the window. Login to Blogger Dashboard. Click on +New Post. The Post Editor will open. Click on Edit Html tab. Paste the code in the editor window and publish. See the video below :




Enjoy!

Put YouTube Video Playlist in Blog.

You can put a YouTube video in your blog posts. You can also use Google Video in your blog posts. Recently Blogger introduced two new Page Elements - the Newsreel and the Video Bar. Today we will see how to put a YouTube Video Playlist in your blog post.........

CREATE A VIDEO PLAYLIST

First you will have to create a video playlist. To do this login to your YouTube account. Then if you have your own videos upload them to YouTube. For this click on My Account link at the top. Your email address will be confirmed before you are allowed to upload videos.


If you want to show other videos in your blog enter the subject description in the search box. Forexample I wanted to show a playlist of Blogger videos so I entered "Blogger" in the search box and hit Enter. You will get a list of videos tagged as 'Blogger' in the Playlist box at the right. See picture below :




Right click the videos you want to include in your playlist and choose 'Open in New Window/Tab'. The video will open in a New Window and start playing. Next below the video is a link 'Add to Favorites'. See the bottom arrow in the above picture. Click ti 'Add to Favorites' link and the bottom part will expand to show "Add Video To a Playlist". Click down arrow besides 'Select a Playlist' and then click on 'Create New Playlist'. See Picture below :


Name your playlist and select OK. Your playlist will appear under the Playlists column. Click on the playlist name and it will open in new window/tab with all your videos in it. Select all the code in the box under 'Embeddable Player' and copy it. See picture below


Click on picture above to enlarge it.

PUT A VIDEO PLAYLIST IN YOUR BLOG

Login to your Blogger Dashboard and click on +New Post. In Post editor click on Edit Html tab and paste the playlist code there. Then click Publish at bottom. See the Blogger Playlist below. You can select which video to see by clicking on that video frame in the right playlist and it will play in the player.



Click on the arrow at the bottom of the playlist column to scroll the videos upwards. Click on a frame to select that video and then click the play button in the player window to play the video.

YouTube, Flickr in Blogger Beta.

YouTube videos and Flickr photos can be put inside your beta blog.........

YouTube is a free video hosting and online video streaming service that allows users to view and share videos that have been uploaded by the members. Membership is free but there is a ten minute length limit on the video length. You cannot download the videos but you can view them in your browser. You can embed these videos in your blog. To see the videos the viewer has to be logged into YouTube and be part of the list the video is shared with (Friends or family). If they are not, the video will display "Loading," but the video will not load.

First Register and become a member and then upload your video. Then click on 'Post Video' link below each video. In popup window Click on click here link to add your blog. Then click on “Add a New Blog” link. Enter your blog account Username and Password and click "Add Blog". A list of your blogs will come up of which choose the one you want to add it to. Next add the Title and the text to accompany the video and click Post to blog.

Another method is to copy the code given at the side of each video next to Embed word. Then paste it in the the Edit Html tab of the Post Editor. click on Publish. I have a YouTube video on Beta Blogger at this post : Video on Beta Blogger. See Image below :




The embed code is similar to this :

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk"></param><embed
src="http://www.youtube.com/v/OdT9z-JjtJk" type="application/x-shockwave-flash" width="425" height="350"></embed></object>


To make it autoplay, just add "&autoplay=1" to the code so it looks like this:


<object width="425"height="350"><param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1"></param><embed src="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=1" type="application/x-shockwave-flash" width="425"
height="350"></embed></object>

For beta blogger it may show error in which case modify the code to :

<object type="application/x-shockwave-flash" width="425" height="350" data="http://www.youtube.com/v/OdT9z-JjtJk"><param
name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk" /></object>


PUT YOUTUBE VIDEOS IN SIDEBAR USING RSS FEEDS.

You can put Youtube videos in sidebar using their RSS feeds from here. Choose which videos you would like to put in the sidebar then right click the red RSS button next to it and click on Copy Link Location. Login to dashboard of Beta blogger and go to Layouts link of the blog you wish to add the videos to. Then click on Add Page Element in the sidebar and choose Feed. Paste the Feed url from Youtube and clck on save. Your sidebar will show the number of videos which you have chosen. See my Left column at the bottom where I have added the top three youtube videos.

You can also create a Youtube Badge which will show images of your six most recently uploaded videos. See how to here.

YouTube UPDATE

You can now set up one click video sharing from YouTube :

On YouTube Video Page click 'Share' button below the video on left hand corner of the bottom frame.

Scroll down and click "Setup your blog for video posting."

Click "Add a Blog/Site".

Choose 'Blogger' and put in your login information.

Choose which blogs you'd like to add to your YouTube account. You can choose more than one.

Now when you click Share you will get the option to add video directly to your blog.

CAUTION

After pasting YouTube code in Edit Html tab of Post Editor click on Preview link in the top frame of post editor. If it looks like this :


it will not play on publish. Click on Hide Preview to return to Edit Html tab of Post Editor. Click once just before the code line below the video and tap Backspace key once on keyboard. Click Preview again to check if there are any code lines below the video. If there are repeat to arrange the code without line breaks. On Preview no code lines should be seen below the video and it should look like this :


Now the video will play on publishing.



Flickr also has a similar method to post their images on your blog. Flickr is a photo sharing and hosting website enabling you to share photos with your friends and also put them in your blog. Go to Flickr.com and register to get a new account. Then click Upload photos to go to Upload window. Clickon Browse to locate the photos on your disk and then click open. Choose options to make them Public or Private and put tags on them and then click on Upload. Tags are words used to categorize and describe photos. After your photos are uploaded click on save after adding Title and description.

Click on the photo to open it and click on Blog This link on top of the photo. You will be asked to configure a blog to post to. Click that link. Choose your blogging application Blogger/Beta Blogger. If beta Blogger Flickr will ask to have access to your beta account. Click the Head over to Google link. Click on Grant Access. Put in your Username and Password and then go through remaining steps to post the photo to your blog.


The Daily Zeitgeist is a little bit of fun that you can add to your website. It is built in Flash, and displays recent photos from Flickr. Go to http://www.flickr.com/fun/zeitgeist/ You will be asked which photos you would like to be displayed and depending on that you will be given a snippet of code which you copy and paste into a Html/Javascript Page Element in the sidebar. See Image below :


You can also create your ownFlickr Badge of Photos by going to : http://www.flickr.com/badge_new.gne
Choose whether you want a Flash badge or a Html badge the former slows down your loading a bit. Go through a series of steps till you come to the code which you can copy and Paste as given for the zeitgeist. See Image below for flash badge :

Video on Beta Blogger

To see a video tutorial on beta blogger...........




This video shows how to rearrange Page Elements, customize blog colors and fonts and how to add rss feed content from another blog.
You can also view it here :

http://www.youtube.com/watch?v=A43AaMse2-M

Technorati Tags:utube, video