
Embed Hulu Videos on Your WordPress Website
Unfortunately Hulu provides very little documentation on embedding or utilizing their player on your website and because of that I've captured what I was able to find and provided it for you here. Cheers!
<iframe src="http://www.hulu.com/embed.html?eid=771496" width="512" height="288" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe>
If you’re using WordPress, first of all, your smart, second of all, you’ll have access to the following handy shortcodes. Easy peezy.
Video URL or ID:
<!-- Using Full URL -->
[hulu https://www.hulu.com/watch/771496]
<!-- Using Hulu ID -->
[hulu id=771496]
Video Size:
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:
<!-- Explicit Width -->
[hulu https://www.hulu.com/watch/771496 width=300]
Thumbnail Image:
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:
<!-- Specified Frame for Thumbnail -->
[hulu https://www.hulu.com/watch/771496 thumbnail_frame=48]
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:
<!-- Specified Start and End Time -->
[hulu https://www.hulu.com/watch/771496 width=300 start_time=50 end_time=65 thumbnail_frame=48]