To quickly embed a Hulu video, simply copy the video’s URL from your web browser’s address bar while viewing the video:
And paste it on a line by itself in your post/page editor:
We take care of the rest! The video will look something like this:
Embedding with a Shortcode
If you’d like to specify a particular width and height for the video, you’ll want to create a shortcode.
To do so, copy the URL or video ID from your web browser’s address bar while viewing the video.
Hulu facilitates a few more tricks to really customize your embedded video:
The default width and height of the embedded video is based off the content width of your theme. To change the size of the video player, for example to 300 pixels wide, use “width” in your shortcode, as follows:
[hulu http://www.hulu.com/watch/369061 width=300]
Playback start and end points:
Only want to play 15 seconds of a 22 minute clip? No problem! Just use start_time and end_time in your shortcode, like this:
[hulu http://www.hulu.com/watch/369061 start_time=50 end_time=65]
start_time and end_time are measured in seconds from the start of the video.
Have a particularly funny frame that you want displayed on the player before the video starts playing? Just use thumbnail_frame to specify the specific frame of video you want to display. Again, this is measured in seconds. Here – we’ll choose one with Kevin Smith making a funny face:
[hulu http://www.hulu.com/watch/369061 thumbnail_frame=48]
Here’s how those extra options display when we put them all together:
[hulu http://www.hulu.com/watch/369061 width=300 start_time=50 end_time=65 thumbnail_frame=48]
You can also use a Hulu watch url or a full Hulu shortcode to embed videos in comments on any WordPress.com blog. Embed these the same way you embed videos in posts – either by pasting the url to the video right in the comment box, or using a shortcode.
With the first method (URL copy & paste), make sure the Hulu link is not hyperlinked. If the URL is shown in blue, as the first line in the screenshot below, then it is hyperlinked. Simply select the whole URL and click the “Unlink” icon on your Visual Editor toolbar.
Once the URL is unlinked, you will see the text in black. You should then be able to see the embedded Hulu video on your page or post.