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


Library humor – a library tour

March 5, 2008

practical & productive networking tools

October 8, 2007

A friend of mine who is a k-12 art teacher asked about getting started with social networking. She does a little blogging here and there, but she is knee deep in teaching at the moment, which limits her time online. I thought for a bit about how to respond to her question. Her question focuses more on personal professional networking, not so much focused on social networking with her students (some of her students would most likely be too young to network with her online and she already interacts with her students in person).

There are quite a few teachers, educators, librarians, and other professionals who are using facebook, linkedin or namyz to create professional web presences and networks. Some of them use those presences to connect to their users; others are more focused on a professional level. However, in the long run, how useful are those sites on a day to day basis in terms of networkng professionally and in getting real work done? Sure, they may (or may not) provide opportunities for outreach, opportunities for freelance or consulting work, collaboration opportunities, but are those sorts of sites (linkedin, facebook, etc.) really the best bang for the buck in terms of professional networking?

What web tools provide a means to increased productivity, better resources, and networking opportunities? Tools which are very easy to use and practical?

I came up with my own short list of tools, which are easy to use, engaging, and provide a means to streamline work in some way, while providing opportunities for discovery and networking.
These are all tried and true, very popular applications.

Google docs / Google pages
Google docs is a web based wordprocessor, spreadsheet product, and more recently presentation maker. Think, Word, Excel, Powerpoint — all in one easy to use place on the web. Documents can be shared by invitation (makes collaboration a breeze), emailed in the more popular formats, and also published out the web (as very simple web pages, but still!) . Once they have been published out on the web, there’s really not much of a limit in terms of what can be done with them. Googlepages is a free web page creator from guess who. Yes, Google now has their own free web editor/website design service. Not a lot of flexibility but a very easy way to get a website up QUICKLY. All that is required to use these services, is a google/gmail account, for which anyone can sign up. Certainly a useful tool in terms of project groups, working on documents from multiple computers, or creating web pages. Published pages via these Google services each have a unique URL/address, so they can be linked to, shared, blogged, etc. I use google docs a lot when I need to collaborate.

del.icio.us (bookmarking)
del.icio.us (or any other free centralized storage spot for internet bookmarks) makes organizing, and sharing bookmarks easy, as well as finding resources that are used by other professionals. For those who haven’t used del.icio.us, it is amazingly easy. Create a user login, install a button for your IE or firefox toolbar (very very easy to do). Once the button is installed, when a website is found that you would like to keep, you click on the del.icio.us button, and a menu pops up. You give it the title YOU want it to have, and then you can include a description, tags (keywords) and click save. Voila!

Anywhere in the world that you might be, if you have internet access, you probably have access to your del.icio.us page. Finding like-minded people (teachers, artists, whoever) and linking to their network, is probably one of the most valuable tools of del.icio.us. A great way to discover new and interesting resources! Anything online can be probably be linked to in del.icio.us. Google docs pages can be linked. Image files can be linked. Video files can be linked.. A del.icio.us page could easily be a bibliography, a lesson plan, a pathfinder, or even a class syllabus. I use del.icio.us to organize all of my presentation resources — everything! The powerpoint presentation, the links that are cited, and other supplemental info.

Youtube (video)
Youtube, google video (any other free video/videocasting site), etc. could be very useful in the educational and training realm. Youtube already hosts quite a bit in the way of tutorials, and it would be neat to include those in lesson plans. Youtube videos can be embedded into websites, presentations, and other documents. Another idea would be to take lesson plans and use video to either illustrate the lesson plan or supplement the plan (and then share it on youtube!). Students can also contribute content in either creating video responses, writing comments/reviews about videos, evaluating content, or even creating videos as the product of an assignment.