Beutelevision

by Thomas Beutel

Category: HTML5

Datatables in a Colorbox iframe with Selected Row Returned to Parent Window

I recently created a form where one of the questions was asking for a specific code (specifically, a NAICS code). The problem was that there are almost 20,000 codes to choose from, so it was not practical to use a pulldown. I hit upon the idea of using the wonderful Datatables table plugin for jQuery. […]

Click poster frame to start HTML5 video using jQuery

I needed to have an HTML5 video with a clickable poster frame. The first issue was that Safari would preload the movie, removing the poster frame after a few seconds. I fixed that by setting preload=”none”: <div id=”promovid”> <video id=”video” controls=”controls” poster=”video-poster.jpg” preload=”none” width=”640″ height=”480″> … </div> Them to make the poster frame clickable, I […]