170 likes | 341 Views
Rich Media & Video. p resented by @ kyleschaeffer. On the agenda. HTML5 <video> Hosted vs. on-premise HTML5 <video> in SharePoint Beyond video: rich media in SharePoint. HTML5 <video>. < video src = “movie.mp4” width = “400” height = “300” controls />.
E N D
Rich Media & Video presented by @kyleschaeffer
On the agenda • HTML5 <video> • Hosted vs.on-premise • HTML5 <video> in SharePoint • Beyond video: rich media in SharePoint
HTML5 <video> <videosrc=“movie.mp4” width=“400”height=“300”controls />
HTML5 <video> file types http://www.w3schools.com/HTML/html5_video.asp
HTML5 <video> <videowidth=“400”height=“300”controls> <sourcesrc=“movie.mp4”type=“video/mp4” /> <sourcesrc=“movie.ogg”type=“video/ogg” /> <objectsrc=“movie.swf” /> </video>
Hosted HTML5 video • Benefits • Automatic file format conversion • Performance • Providers • YouTube • Vimeo • Windows Azure
On-premise HTML5 video • Benefits • Cost • Security • No third-party integration
HTML5 <video>in SharePoint • SharePoint 2010 • Silverlight media web part • asf, mp3, mp4, wma, wmv • Add HTML5 <video> to Content Editor web part • SharePoint 2013 • New HTML5 media web part • asf, avi, mpg, mp3, mp4, ogg, ogv, webm, wma, wmv • Silverlight media web part • asf, mp3, mp4, wma, wmv • Add HTML5 <video> to Content Editor web part
HTML5 <video>MIME types http://www.w3schools.com/HTML/html5_video.asp
Rich media in SharePoint • SharePoint as a web platform • HTML5, CSS3, JavaScript, jQuery • Use SharePoint as a data presentation tool • Master pages • Page layouts • Item styles • Display templates (2013)
Rich media demonstration
Thank you. @kyleschaeffer