← WWDC 2011

Configure player

Close

WWDC Index does not host video files

If you have access to video files, you can configure a URL pattern to be used in a video player.

URL pattern

preview

Use any of these variables in your URL pattern, the pattern is stored in your browsers' local storage.

$id
ID of session: wwdc2011-502
$eventId
ID of event: wwdc2011
$eventContentId
ID of session without event part: 502
$eventShortId
Shortened ID of event: wwdc11
$year
Year of session: 2011
$extension
Extension of original filename: m4v
$filenameAlmostEvery
Filename from "(Almost) Every..." gist: [2011] [Session 502] Advanced HT...

WWDC11 • Session 502

Advanced HTML5 Media Controllers in Safari

Internet & Web • iOS, OS X • 42:36

With HTML5, embedding audio or video in a web page can be as simple as adding a single line of code. Go beyond the basics and learn the best practices for implementing custom media controls that match the look and feel of your website. Discover how to use JavaScript to add custom play and pause buttons, volume controls, a timeline, a fullscreen button, and see how to display custom controls when video plays fullscreen. Find out tips for optimizing the look and feel of custom media controls for Safari on the desktop, and for the touch-enabled, zoomable interface of Safari on iPhone, iPad, and iPod touch.

Speakers: Eric Carlson, Jer Noble

Unlisted on Apple Developer site

Downloads from Apple

HD Video (311.7 MB)