{"id":8661,"date":"2015-08-04T09:29:33","date_gmt":"2015-08-04T09:29:33","guid":{"rendered":"http:\/\/routenote.com\/blog\/?p=8661"},"modified":"2015-08-04T10:00:54","modified_gmt":"2015-08-04T10:00:54","slug":"youtubes-new-transparent-web-player-interface","status":"publish","type":"post","link":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/","title":{"rendered":"YouTube’s New Transparent Web Player Interface"},"content":{"rendered":"

YouTube has just introduced it’s new user interface for it’s web player on videos which replaces the black bar at the bottom of videos which contained the video controls.<\/p>\n

The new UI is much the same except the controls are set on a transparent bar with the bottom of the video playing behind and also feature new animations for the buttons.<\/p>\n

This update joins the host of changes YouTube has been rolling out to it’s website and app over the past few months with the integration of “3D Virtual Reality” videos, improved vertical video viewing and upgraded layout for mobile applications all being recently introduced. <\/p>\n

It will be interesting to see whether YouTube has any additional updates\/upgrades planned in the near future. For now you can see an example of the new transparent player in YouTube’s announcement tweet below.<\/p>\n

\n

Ooh la la! Our new player design is slicker than a squirrel on waterskis! pic.twitter.com\/9tS1pm3NiG<\/a><\/p>\n

— YouTube (@YouTube) August 3, 2015<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

YouTube has just introduced it’s new user interface for it’s web player on videos which replaces the black bar at the bottom of videos which contained the video controls. The new UI is much the same except the controls are set on a transparent bar with the bottom of the video playing behind and also feature new animations for the buttons. This update joins the host of changes YouTube has been rolling out to it’s website and app over the past few months with the integration of “3D Virtual Reality” videos, improved vertical video viewing and upgraded layout for mobile…<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[5206,6022,1741,6020,6023,6021,5574,4815,2830,69,70],"acf":[],"yoast_head":"\nYouTube's New Transparent Web Player Interface - RouteNote Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YouTube's New Transparent Web Player Interface - RouteNote Blog\" \/>\n<meta property=\"og:description\" content=\"YouTube has just introduced it’s new user interface for it’s web player on videos which replaces the black bar at the bottom of videos which contained the video controls. The new UI is much the same except the controls are set on a transparent bar with the bottom of the video playing behind and also feature new animations for the buttons. This update joins the host of changes YouTube has been rolling out to it’s website and app over the past few months with the integration of “3D Virtual Reality” videos, improved vertical video viewing and upgraded layout for mobile...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"RouteNote Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-04T09:29:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-04T10:00:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2024\/10\/cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CockJacca\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacca-RouteNote\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/routenote.com\/blog\/#organization\",\"name\":\"RouteNote\",\"url\":\"https:\/\/routenote.com\/blog\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/routenote.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg\",\"contentUrl\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg\",\"width\":1000,\"height\":1000,\"caption\":\"RouteNote\"},\"image\":{\"@id\":\"https:\/\/routenote.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/routenote.com\/blog\/#website\",\"url\":\"https:\/\/routenote.com\/blog\/\",\"name\":\"RouteNote Blog\",\"description\":\"The World of Digital Music - Distribution - Stores and Free Music\",\"publisher\":{\"@id\":\"https:\/\/routenote.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/routenote.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage\",\"url\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/\",\"name\":\"YouTube's New Transparent Web Player Interface - RouteNote Blog\",\"isPartOf\":{\"@id\":\"https:\/\/routenote.com\/blog\/#website\"},\"datePublished\":\"2015-08-04T09:29:33+00:00\",\"dateModified\":\"2015-08-04T10:00:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/routenote.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"YouTube’s New Transparent Web Player Interface\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage\"},\"author\":{\"@id\":\"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d\"},\"headline\":\"YouTube’s New Transparent Web Player Interface\",\"datePublished\":\"2015-08-04T09:29:33+00:00\",\"dateModified\":\"2015-08-04T10:00:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage\"},\"wordCount\":170,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/routenote.com\/blog\/#organization\"},\"keywords\":[\"Buttons\",\"controls\",\"design\",\"interface\",\"layout\",\"transparent\",\"UI\",\"Update\",\"upgrade\",\"video\",\"youtube\"],\"articleSection\":[\"Artist \/ Label News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d\",\"name\":\"Jacca-RouteNote\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/routenote.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g\",\"caption\":\"Jacca-RouteNote\"},\"description\":\"Writing about music, listening to music, and occasionally playing music.\",\"sameAs\":[\"https:\/\/twitter.com\/CockJacca\"],\"url\":\"https:\/\/routenote.com\/blog\/author\/jacca\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YouTube's New Transparent Web Player Interface - RouteNote Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/","og_locale":"en_US","og_type":"article","og_title":"YouTube's New Transparent Web Player Interface - RouteNote Blog","og_description":"YouTube has just introduced it’s new user interface for it’s web player on videos which replaces the black bar at the bottom of videos which contained the video controls. The new UI is much the same except the controls are set on a transparent bar with the bottom of the video playing behind and also feature new animations for the buttons. This update joins the host of changes YouTube has been rolling out to it’s website and app over the past few months with the integration of “3D Virtual Reality” videos, improved vertical video viewing and upgraded layout for mobile...","og_url":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/","og_site_name":"RouteNote Blog","article_published_time":"2015-08-04T09:29:33+00:00","article_modified_time":"2015-08-04T10:00:54+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2024\/10\/cover.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@CockJacca","twitter_misc":{"Written by":"Jacca-RouteNote","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/routenote.com\/blog\/#organization","name":"RouteNote","url":"https:\/\/routenote.com\/blog\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/routenote.com\/blog\/#logo","inLanguage":"en-US","url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg","contentUrl":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg","width":1000,"height":1000,"caption":"RouteNote"},"image":{"@id":"https:\/\/routenote.com\/blog\/#logo"}},{"@type":"WebSite","@id":"https:\/\/routenote.com\/blog\/#website","url":"https:\/\/routenote.com\/blog\/","name":"RouteNote Blog","description":"The World of Digital Music - Distribution - Stores and Free Music","publisher":{"@id":"https:\/\/routenote.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/routenote.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage","url":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/","name":"YouTube's New Transparent Web Player Interface - RouteNote Blog","isPartOf":{"@id":"https:\/\/routenote.com\/blog\/#website"},"datePublished":"2015-08-04T09:29:33+00:00","dateModified":"2015-08-04T10:00:54+00:00","breadcrumb":{"@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/routenote.com\/blog\/"},{"@type":"ListItem","position":2,"name":"YouTube’s New Transparent Web Player Interface"}]},{"@type":"Article","@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#article","isPartOf":{"@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage"},"author":{"@id":"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d"},"headline":"YouTube’s New Transparent Web Player Interface","datePublished":"2015-08-04T09:29:33+00:00","dateModified":"2015-08-04T10:00:54+00:00","mainEntityOfPage":{"@id":"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#webpage"},"wordCount":170,"commentCount":0,"publisher":{"@id":"https:\/\/routenote.com\/blog\/#organization"},"keywords":["Buttons","controls","design","interface","layout","transparent","UI","Update","upgrade","video","youtube"],"articleSection":["Artist \/ Label News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/#respond"]}]},{"@type":"Person","@id":"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d","name":"Jacca-RouteNote","image":{"@type":"ImageObject","@id":"https:\/\/routenote.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g","caption":"Jacca-RouteNote"},"description":"Writing about music, listening to music, and occasionally playing music.","sameAs":["https:\/\/twitter.com\/CockJacca"],"url":"https:\/\/routenote.com\/blog\/author\/jacca\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts\/8661"}],"collection":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/comments?post=8661"}],"version-history":[{"count":0,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts\/8661\/revisions"}],"wp:attachment":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/media?parent=8661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/categories?post=8661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/tags?post=8661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}