![YouTube for Government Any other information about your plans to launch the channel, and what types of content you plan to post Send this information to: [email_address]](https://image.slidesharecdn.com/nagw2011-youtubefordevelopers-110915090810-phpapp02/85/YouTube-for-Developers-7-320.jpg)
![Partial Response (experimental) API returns lots of stuff. Partial response only sends what you want using an XPATH-like syntax ?fields=entry(title,link[@rel='self' or @rel='edit'],media:group(media:thumbnail)) Note: jsonc is not yet enabled for returning partial responses](https://image.slidesharecdn.com/nagw2011-youtubefordevelopers-110915090810-phpapp02/85/YouTube-for-Developers-33-320.jpg)
![Thanks! Brooks Bennett City of Round Rock, TX [email_address] @brooksbennett Circle me on Google+](https://image.slidesharecdn.com/nagw2011-youtubefordevelopers-110915090810-phpapp02/85/YouTube-for-Developers-36-320.jpg)
YouTube for Developers
- 1. Brooks Bennett, City of Round Rock, TX YouTube for Developers Developers
- 2. Necessary YouTube Caveat YouTube has the power to make time melt away. It is possible to watch years of: Kittens Slam dunks Car crashes Kids dancing
- 3. What we will cover Uploading to YouTube Proper moderation settings Video embedding basics Custom video embed parameters YouTube Player API YouTube Data API
- 4. Why YouTube World’s largest video sharing community Video quality has greatly improved over past two years Actively adding new features HTML5 Closed captions Robust APIs
- 5. YouTube for Government YouTube has a government partner program, but it takes a LONG time to get accepted and there is no feedback during the process Removes any video duration limitations Gives you a little bit more control over the branding of the page
- 6. YouTube for Government The name of your government, government department, or agency Your .gov website URL The account name you've registered on YouTube (i.e., your YouTube username) The email address you are using to manage the account
- 7. YouTube for Government Any other information about your plans to launch the channel, and what types of content you plan to post Send this information to: [email_address]
- 8. Uploading to YouTube http://www.youtube.com
- 10. Video embedding Uncheck “Show suggested videos when video finishes,” unless you are comfortable with random suggested videos showing up Check HTTPS if you are embedding on a secure site to avoid “mixed content” warnings
- 11. Video embedding Check “Enable privacy-enhanced mode” to disallow YouTube from setting a cookie when the player is loaded Cookie will only be set when user clicks to play the video and that information will not be personally identifiable
- 12. Video embedding Uncheck “Use old embed code” <iFrame> embed detects if device can use HTML5 video You can detect what your browser supports at: http://www.youtube.com/html5 Only use <Object> if the site you are using won’t allow iFrame
- 13. Video embedding Select predefined size Or set a custom height or width YouTube will automatically constrain proportions, which is a nice feature Nice to know size of content area where you are embedding and size accordingly
- 14. Video embedding What you might be thinking: “ Give me more control...”
- 15. Video embedding <iframe width="420" height="345" src="http://www.youtube.com/embed/f9MtttXI2q8?autohide=0&autoplay=0&cc_load_policy=1 &controls=1&enablejsapi=1&fs=1 &iv_load_policy=1&loop=0&modestbranding=1&playerapiid=test&playlist=QtQKgNWH7IU,AuwxGuLSgUo&rel=1&showinfo=0&theme=light&color=red&start=10" frameborder="0" allowfullscreen></iframe>
- 16. Embed parameters autohide (0,1, 2 )- 0: don’t hide controls; 1:progress bar and controls fade out; 2: progress bar fades out autoplay ( 0 ,1)- Should video play on load cc_load_policy(1, user pref )- Will force closed captions to load color ( red ,white)- Color of progress bar
- 17. Embed parameters controls (0, 1 )- Show player controls disablekb ( 0 ,1)- Disable keyboard controls enablejsapi ( 0 ,1)- Enable JavaScript API fs (0, 1 )- Enables fullscreen button iv_load_policy ( 1 ,3)- 1:Show video annotations by default; 3: Don’t show video annotations
- 18. Embed parameters loop ( 0 ,1)- Play single video over and over or play playlist over and over modestbranding ( 0 ,1)- Hide YouTube logo origin - Supply your domain for extra security measure when using JavaScript API playerapiid - String used for control via JavaScript API
- 19. Embed parameters playlist - Comma separated list of YouTube IDs rel (0, 1 )- Show related videos showinfo (0, 1 )- Show title text on video before playing start - Value in seconds to start playing video theme ( dark ,light) - Theme color
- 20. Embed parameters HUH? Let's tinker a bit...
- 21. Google APIs As we all know, Google loves APIs (and so do we) All Google APIs are listed at: http://code.google.com/apis/
- 22. Player APIs Give you control over YouTube video playback on your website Configure basic settings Drive the player interface Build your own player controls
- 23. Chromeless vs. Embedded player Chromeless http://www.youtube.com/apiplayer? enablejsapi=1 &version=3 Embedded http://www.youtube.com/e/VIDEO_ID?version=3& enablejsapi=1 Note: enablejsapi is necessary to control the players via JavaScript
- 24. Player APIs Player API demo: http://code.google.com/apis/youtube/youtube_player_demo.html
- 25. Player APIs Player API documentation: http://code.google.com/apis/youtube/js_api_reference.html
- 26. Player APIs Shall we make some junk? Yes, we shall
- 27. Player APIs Garbage into an idea... We could take long form videos, like Board and Commission meetings, and add links to jump to each agenda item. This would take some effort, but you suddenly have a “poor man’s” video playback system for meetings. Cost: $0 .
- 28. Data API Lets you incorporate YouTube functionality into your own application or website. You can perform searches, upload videos, create playlists, and more.
- 29. Data API Data API Overview
- 30. Data API Google recommends you use JSON-C instead of JSON for working with the Data API via JavaScript More compact, logical responses Doesn’t mimic XML tags and attributes YouTube says JSON will be deprecated, so do it for future proofing
- 31. Data API Important Query Parameters alt (atom, rss, json, json-in-script, jsonc) callback (API wraps response in a call to the function you name) start-index (Number of the first result to return) max-results (Maximum number results) v (Version of the API, current is 2)
- 32. Example Request https://gdata.youtube.com/feeds/api/playlists/1D96B84306CAFDE0?v=2&alt=jsonc JSONC interactive demo
- 33. Partial Response (experimental) API returns lots of stuff. Partial response only sends what you want using an XPATH-like syntax ?fields=entry(title,link[@rel='self' or @rel='edit'],media:group(media:thumbnail)) Note: jsonc is not yet enabled for returning partial responses
- 34. Mumbo Jumbo? So what do you do with this stuff?
- 35. Ways Round Rock puts it together Video box on city homepage City Focus video player City of Round Rock video widget
- 36. Thanks! Brooks Bennett City of Round Rock, TX [email_address] @brooksbennett Circle me on Google+