Question of the day: How to embed youtube videos & make them fit…

March 26, 2010

Depending on what browser and resolution you are using, you may find that your content (such as blog posts) which have embedded videos are running over your blog post area. You COULD change your stylesheet, but if everything works except for embedded Youtube videos, an easier answer might be to change the width of the Youtube player. This is super easy to do.

First you need to find a video that you want to use. 😉 Not all Youtube videos are embeddable and many copyrighted ones are not. If that is the case, you’ll need to just link to them.

Get the code from Youtube

If you’re looking at the main user channel, you may not see the embed links, but you can get to them in a number of ways.

Underneath each of the videos posted on the channel, is a tab/button which says Info. Click on Info and you will see
View comments, related videos, and more
Click on this get to the video with its embeddable info.


The Embed box holds the code for the embeddable video. If you look carefully in the Embed box, you can usually see what the size is — object width is the width that the embeddable video will be.

If the pre-configured options will work, you can skip customizing the code; just grab a copy (Ctrl + A) of the code from the Embed box. You’ll be ready for the blogger section then.

To customize the embeddable video:
Click on the tiny star icon (whoa, is that easy to miss!). Clicking on this will show you the different pre-configured sizes for an embedded video including size and color for the player.

Below the Embed box you will now see a bunch of options to configure your players.

Note: Include related videos may or may not include videos from the same user or necessarily on the same topic. If you want to create a group of videos, your better bet is to make a playlist, which can then be embedded.

In the Embed box, you will hit Ctrl + A (or right click Select All, if you have that functionality).

Embedding a video into a Blogger post
For Blogger (blogspot blogs) you MUST switch to the Edit Html button in order to embed the video. In any other blog service or product, you will need to somehow get to the html, unless you have embed Youtube functionality.

Edit Html
Find a spot in your post where you want to add your video.
Now hit Ctrl + P (paste) or right click paste if you have that functionality.

It will paste in something that looks
like this. Recognize that stuff? It is
indeed, the code from Youtube.

If you click on Compose, you will not see the video.Don’t worry, the code is still there and if you click Edit Html you will see the code.

If for some reason, you need to edit the width and height even more you can do it by tweaking the height and width even more, directly in the code.

..and that’s how to do it (or at least, one way to do it). I realize this question has probably been answered alot over the ‘net, but it was a question asked to me, so there you go!

If you do it right, you’ll get something like this… yes, I am in this movie… LOL


The history of online video

January 1, 2010

Very interesting overview of the rise of online video, especially as relates to journalism.

2004:

Coinciding with the election of 2004 was the prevalence of broadband speeds, and with half of American homes reaching better than dial-up transfer rates, along with all the noise created by the blogs and pundits of the internet, an audience was born, capable and accustomed to online payments (i.e. market potential) and finally able to watch video, on demand by the masses.

..and now we can watch tv online, both episodes from network television as well as original programming.


How many people on the ‘net doing what?

December 3, 2009

I’m always leery of statistics as I have a hard time believing they are ever accurate… but whoa is this kind of cool:

You can read more about it here, including where the numbers come from.


The death of IE6

July 21, 2009

If you haven’t been following all of the IE6 news of late, Youtube seems to be the most recent site to discontinue support for IE6:
http://tinyurl.com/mpmu5y

Mashable says that in order for the web to progress, IE6 must go (and briefly explains the major issues with IE6):
http://mashable.com/2009/07/16/ie6-must-die/

…and if you really hate IE6, you can always join the death to IE6 movement. 😉
http://iedeathmarch.org/


Flickr pro account — is it worth it?

July 5, 2008

Just in case you didn’t know, Flickr now allows video upload for “pro” accounts.
At this point, running time is limited to 90 seconds. Hopefully, if they want to be a full media site, they will up the time limit, because 90 seconds, well, that is not very long. To be honest, I’m losing my love of flickr quickly anyhow. “Pro” does not really mean pro – it just means that you pay to have more storage a few richer features (video, more collections, stats, etc.)

I’m thinking maybe I will keep my flickr account but downgrade it to the free account, and then switch over to smugmug or something else, where I can actually sell photos. I’d also love a place to host both my videos and photos, a flickr + youtube place. Yeah, I have my domain to do that, but I’d like to use a social networking site for that stuff, too.

flickr tos (what not to do):
http://www.flickr.com/guidelines.gne

and what comes with the flickr pro account:
http://www.flickr.com/upgrade/


Downloading a video from youtube

May 6, 2008

From the google blog:

Until now, you could only get FLV files from your browser’s cache or using one of the many websites that let you download YouTube videos. In fact, to download the MP4 files, you need to use the same URL like for FLV files and append “&fmt=18”:

http://www.youtube.com/get_video?video_id=ID&t=SIGNATURE&fmt=18

ID is the video’s identification value, SIGNATURE is a value that prevents you from downloading the file just by knowing the ID.

More here:
http://googlesystem.blogspot.com/2008/04/download-youtube-videos-as-mp4-files.html


Visualization (article)

April 3, 2008

An interesting article on visualization of ‘the net … Under socialnetworking, LastFM is mentioned a couple of times as is youtube, but fidgt is just way off of the map. 😉

I remember seeing a LC project around 1998 or so (tied to American Memory? funny, I can’t remember!) which visually mapped parts of the collections, so that you could see the relationships between items. I’m not sure what happened to that.

Anyhow, here is the article intro :

The Best Tools for Visualization

Visualization is a technique to graphically represent sets of data. When data is large or abstract, visualization can help make the data easier to read or understand. There are visualization tools for search, music, networks, online communities, and almost anything else you can think of. Whether you want a desktop application or a web-based tool, there are many specific tools are available on the web that let you visualize all kinds of data.

Article in entirety
http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php