Youtube – How to loop a blog-embedded video? (from Vimeo or elsewhere)

tumblrvimeoyoutube

I created a short (4 second) video meant for looping on the web (via Tumblr) and saw two options.

Create an animated GIF
Embed and loop video hosted elsewhere (YouTube, Vimeo, etc.)

Software exists to convert from video to animated GIF, but you lose most of its image color palette and end up with large data files. Looping looked like a better option, since you only need to export and upload the original clip.

Plenty of hosting sites allow embedding on Tumblr, but stop after 1 play and show ads or "related videos." How can I host my video and loop its playback, without ads or other overlays?

Best Answer

For YouTube, replace the video ID (1sRaZV21zb4) with your own ID and the video loops.

<embed src="http://www.youtube.com/v/1sRaZV21zb4?fs=1&loop=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed>

(ADDED BY ASKER): For Vimeo, replace the video ID (20278207) with your own ID and the video loops.

<iframe src="http://player.vimeo.com/video/20278207?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;loop=1" width="400" height="225" frameborder="0"></iframe>

Related Solutions

Vimeo – How to Link to a Specific Portion of a Video

Simply append #t=0m0s to the URL to point 0 minutes and 0 seconds past the start of the video. Replace the 0 with your desired values and the link will scrub forward the specified amount in your browser.

Although this wasn't a feature when I asked the question, Vimeo now supports this across the board.

The forum post with the announcement of this feature and an example of how to link to a moment inside a linked video:

http://vimeo.com/forums/topic:49396

Basically, by appending #t=1m5s you can request the playhead be moved to one minute (1m) and five seconds (5s) of the video, so in the case of my question, the URL would be #t=3m28s:

http://vimeo.com/36881035#t=3m28s

YouTube – How to Embed Audio Only from YouTube Videos

It turns out that Google Drive does have streaming capabilities. And it doesn't change the URL for anything you move, so it's the perfect solution (aside from not having unlimited storage, but my use case doesn't require that, so I'm good). So my blog post jus consist of the following HTML:

Whatever I want to write here...<br />
<br />
<hr />
<audio controls="controls" style="margin-left: auto; margin-right: auto;">
  <source src="https://googledrive.com/host/DRIVE_ID_OF_FILE_GOES_HERE" type="audio/mpeg"></source>
  Your browser does not support the audio element.
</audio>

Best Answer

Related Solutions

Vimeo – How to Link to a Specific Portion of a Video

YouTube – How to Embed Audio Only from YouTube Videos

Related Topic