{"version":"1.0","provider_name":"RouteNote Blog","provider_url":"https:\/\/routenote.com\/blog","author_name":"Jacca-RouteNote","author_url":"https:\/\/routenote.com\/blog\/author\/jacca\/","title":"YouTube's New Transparent Web Player Interface - RouteNote Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\"><a href=\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/\">YouTube&#8217;s New Transparent Web Player Interface<\/a><\/blockquote>\n<script type='text\/javascript'>\n<!--\/\/--><![CDATA[\/\/><!--\n\t\t\/*! This file is auto-generated *\/\n\t\t!function(c,d){\"use strict\";var e=!1,n=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},!c.wp.receiveEmbedMessage)if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(t)if(t.secret||t.message||t.value)if(!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var r,a,i,s=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=0;o<n.length;o++)n[o].style.display=\"none\";for(o=0;o<s.length;o++)if(r=s[o],e.source===r.contentWindow){if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(i=parseInt(t.value,10)))i=1e3;else if(~~i<200)i=200;r.height=i}if(\"link\"===t.message)if(a=d.createElement(\"a\"),i=d.createElement(\"a\"),a.href=r.getAttribute(\"src\"),i.href=t.value,i.host===a.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(!n){n=!0;for(var e,t,r=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),s=0;s<i.length;s++){if(!(e=i[s]).getAttribute(\"data-secret\"))t=Math.random().toString(36).substr(2,10),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t);if(r||a)(t=e.cloneNode(!0)).removeAttribute(\"security\"),e.parentNode.replaceChild(t,e)}}}}(window,document);\n\/\/--><!]]>\n<\/script><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/routenote.com\/blog\/youtubes-new-transparent-web-player-interface\/embed\/\" width=\"600\" height=\"338\" title=\"&#8220;YouTube&#8217;s New Transparent Web Player Interface&#8221; &#8212; RouteNote Blog\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe>","description":"YouTube has just introduced it&#8217;s new user interface for it&#8217;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&#8217;s website and app over the past few months with the integration of &#8220;3D Virtual Reality&#8221; videos, improved vertical video viewing and upgraded layout for mobile...","thumbnail_url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2024\/10\/cover.png","thumbnail_width":1920,"thumbnail_height":1080}