Navarr's Tech Side The Technical Side of my Life

2Apr/100

Beautiful New YouTube Video Player

I was going through my YouTube subscriptions when a video from BGSU popped up, and it struck me as odd because it had a different and much, much more beautiful video player.  At the moment, it seems all videos from BGSU are showing up using this player (on their individual video page).  From what I can tell, this seems to be the normal for all YouTube EDU videos.  I hope that soon we’ll get to see these for all videos.

New YouTube Video Player - Faded (Normal Play)New YouTube Video Player - Hovered (Ready for Action)New YouTube Video Player - VolumeNew YouTube Video Player - HD Selector

Tagged as: , No Comments
3Nov/090

YouTube Audio Player Updates

The YouTube Audio Player has gotten three much-needed updates.

  • Autoplay
  • Loop
  • Playlist Support

The first two, Autoplay and loop – which is self-explanatory, are checkboxes that allow you to enable them.  (You’ll need to click Make to update the embeddable code).

The third, Playlist Support is fairly self-explanatory.  This allows you to embed not just a single video, but an entire playlist using the audio player.  There are two ways to use this feature.  Either enter the URL of a playlist URL, or the URL of a video in a playlist and check the “Entire Playlist” option.

Play

Of course, with these updates comes an update (hopefully the last) to the bookmarklet, which can be added to your browser bar by dragging this link: Generate Audio Player.

Enjoy!

27Oct/099

YouTube Mini Audio Player

If you read my personal blog (which a lot of you probably don’t even know exists) you’ll commonly see music embedded as mini-YouTube embeds.  It turns out, the magic height is 25 pixels, and the magic width (for play/pause and mute) is 62 pixels.

However, it is kind of a burden to do this every time you want to embed a mini player (you have to edit at four fields in the HTML!)  So to simplify this process, I, like any programmer before me, created a generator.  Just type in the URL to the YouTube video and press make, and you’ll get a preview as well as the cross-browser HTML-esque mess of a code to embed.

Of course, if you’re truly lazy, just drag the bookmarklet below to your bookmark bar in your web browser, and click it on any YouTube video and you’ll be taken to the page with the code already generated.

Generate Mini-Player

Source code is available via link at the bottom of the page.

80x15[1]

class::Scrobbler by Navarr T. Barnier is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
Based on a work at gtaero.net.
Permissions beyond the scope of this license may be available at mailto:navarr@koneko-chan.net.