You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11831 lines
967 KiB
HTML
11831 lines
967 KiB
HTML
<html style="font-size: 10px;font-family: Roboto, Arial, sans-serif;" lang="en" dark="" system-icons="" typography=""
|
|
typography-spacing="" darker-dark-theme="">
|
|
|
|
<head>
|
|
<title>ElixirConf 2016 - Keynote by José Valim - YouTube</title>
|
|
<meta name="title" content="ElixirConf 2016 - Keynote by José Valim">
|
|
<meta name="description" content="Keynote by José Valim">
|
|
<meta name="keywords" content="video, sharing, camera phone, video phone, free, upload">
|
|
<meta property="og:site_name" content="YouTube">
|
|
<meta property="og:url" content="https://www.youtube.com/watch?v=srtMWzyqdp8">
|
|
<meta property="og:title" content="ElixirConf 2016 - Keynote by José Valim">
|
|
<meta property="og:image" content="https://i.ytimg.com/vi/srtMWzyqdp8/maxresdefault.jpg">
|
|
<meta property="og:image:width" content="1280">
|
|
<meta property="og:image:height" content="720">
|
|
<meta property="og:description" content="Keynote by José Valim">
|
|
<meta property="al:ios:app_store_id" content="544007664">
|
|
<meta property="al:ios:app_name" content="YouTube">
|
|
<meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=srtMWzyqdp8&feature=applinks">
|
|
<meta property="al:android:url" content="vnd.youtube://www.youtube.com/watch?v=srtMWzyqdp8&feature=applinks">
|
|
<meta property="al:web:url" content="http://www.youtube.com/watch?v=srtMWzyqdp8&feature=applinks">
|
|
<meta property="og:type" content="video.other">
|
|
<meta property="og:video:url" content="https://www.youtube.com/embed/srtMWzyqdp8">
|
|
<meta property="og:video:secure_url" content="https://www.youtube.com/embed/srtMWzyqdp8">
|
|
<meta property="og:video:type" content="text/html">
|
|
<meta property="og:video:width" content="1280">
|
|
<meta property="og:video:height" content="720">
|
|
<meta property="al:android:app_name" content="YouTube">
|
|
<meta property="al:android:package" content="com.google.android.youtube">
|
|
<meta property="fb:app_id" content="87741124305">
|
|
<meta name="twitter:card" content="player">
|
|
<meta name="twitter:site" content="@youtube">
|
|
<meta name="twitter:url" content="https://www.youtube.com/watch?v=srtMWzyqdp8">
|
|
<meta name="twitter:title" content="ElixirConf 2016 - Keynote by José Valim">
|
|
<meta name="twitter:description" content="Keynote by José Valim">
|
|
<meta name="twitter:image" content="https://i.ytimg.com/vi/srtMWzyqdp8/maxresdefault.jpg">
|
|
<meta name="twitter:app:name:iphone" content="YouTube">
|
|
<meta name="twitter:app:id:iphone" content="544007664">
|
|
<meta name="twitter:app:name:ipad" content="YouTube">
|
|
<meta name="twitter:app:id:ipad" content="544007664">
|
|
<meta name="twitter:app:url:iphone" content="vnd.youtube://www.youtube.com/watch?v=srtMWzyqdp8&feature=applinks">
|
|
<meta name="twitter:app:url:ipad" content="vnd.youtube://www.youtube.com/watch?v=srtMWzyqdp8&feature=applinks">
|
|
<meta name="twitter:app:name:googleplay" content="YouTube">
|
|
<meta name="twitter:app:id:googleplay" content="com.google.android.youtube">
|
|
<meta name="twitter:app:url:googleplay" content="https://www.youtube.com/watch?v=srtMWzyqdp8">
|
|
<meta name="twitter:player" content="https://www.youtube.com/embed/srtMWzyqdp8">
|
|
<meta name="twitter:player:width" content="1280">
|
|
<meta name="twitter:player:height" content="720">
|
|
<meta name="referrer" content="origin-when-cross-origin">
|
|
</head>
|
|
|
|
<body dir="ltr" rounded-container="" modern-dialog="">
|
|
<div id="watch7-content" class="watch-main-col" itemscope="" itemid="" itemtype="http://schema.org/VideoObject">
|
|
<meta itemprop="name" content="ElixirConf 2016 - Keynote by José Valim">
|
|
<meta itemprop="description" content="Keynote by José Valim">
|
|
<meta itemprop="paid" content="False">
|
|
<meta itemprop="channelId" content="UCWnPjmqvljcafA0z2U1fwKQ">
|
|
<meta itemprop="videoId" content="srtMWzyqdp8">
|
|
<meta itemprop="duration" content="PT66M4S">
|
|
<meta itemprop="unlisted" content="False"><span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
|
|
<link itemprop="url" href="http://www.youtube.com/user/Confreaks">
|
|
<link itemprop="name" content="Confreaks">
|
|
</span>
|
|
<link itemprop="thumbnailUrl" href="https://i.ytimg.com/vi/srtMWzyqdp8/maxresdefault.jpg"><span itemprop="thumbnail"
|
|
itemscope="" itemtype="http://schema.org/ImageObject">
|
|
<link itemprop="url" href="https://i.ytimg.com/vi/srtMWzyqdp8/maxresdefault.jpg">
|
|
<meta itemprop="width" content="1280">
|
|
<meta itemprop="height" content="720">
|
|
</span>
|
|
<link itemprop="embedUrl" href="https://www.youtube.com/embed/srtMWzyqdp8">
|
|
<meta itemprop="playerType" content="HTML5 Flash">
|
|
<meta itemprop="width" content="1280">
|
|
<meta itemprop="height" content="720">
|
|
<meta itemprop="isFamilyFriendly" content="true">
|
|
<meta itemprop="regionsAllowed"
|
|
content="AD,AE,AF,AG,AI,AL,AM,AO,AQ,AR,AS,AT,AU,AW,AX,AZ,BA,BB,BD,BE,BF,BG,BH,BI,BJ,BL,BM,BN,BO,BQ,BR,BS,BT,BV,BW,BY,BZ,CA,CC,CD,CF,CG,CH,CI,CK,CL,CM,CN,CO,CR,CU,CV,CW,CX,CY,CZ,DE,DJ,DK,DM,DO,DZ,EC,EE,EG,EH,ER,ES,ET,FI,FJ,FK,FM,FO,FR,GA,GB,GD,GE,GF,GG,GH,GI,GL,GM,GN,GP,GQ,GR,GS,GT,GU,GW,GY,HK,HM,HN,HR,HT,HU,ID,IE,IL,IM,IN,IO,IQ,IR,IS,IT,JE,JM,JO,JP,KE,KG,KH,KI,KM,KN,KP,KR,KW,KY,KZ,LA,LB,LC,LI,LK,LR,LS,LT,LU,LV,LY,MA,MC,MD,ME,MF,MG,MH,MK,ML,MM,MN,MO,MP,MQ,MR,MS,MT,MU,MV,MW,MX,MY,MZ,NA,NC,NE,NF,NG,NI,NL,NO,NP,NR,NU,NZ,OM,PA,PE,PF,PG,PH,PK,PL,PM,PN,PR,PS,PT,PW,PY,QA,RE,RO,RS,RU,RW,SA,SB,SC,SD,SE,SG,SH,SI,SJ,SK,SL,SM,SN,SO,SR,SS,ST,SV,SX,SY,SZ,TC,TD,TF,TG,TH,TJ,TK,TL,TM,TN,TO,TR,TT,TV,TW,TZ,UA,UG,UM,US,UY,UZ,VA,VC,VE,VG,VI,VN,VU,WF,WS,YE,YT,ZA,ZM,ZW">
|
|
<meta itemprop="interactionCount" content="14358">
|
|
<meta itemprop="datePublished" content="2016-09-27">
|
|
<meta itemprop="uploadDate" content="2016-09-27">
|
|
<meta itemprop="genre" content="Science & Technology">
|
|
</div>
|
|
<ytd-app guide-refresh="" darker-dark-theme="">
|
|
<!--css-build:shady-->
|
|
<yt-guide-manager id="guide-service" class="style-scope ytd-app">
|
|
</yt-guide-manager>
|
|
<yt-mdx-manager class="style-scope ytd-app"></yt-mdx-manager>
|
|
<yt-playlist-manager class="style-scope ytd-app"></yt-playlist-manager>
|
|
<yt-hotkey-manager class="style-scope ytd-app"></yt-hotkey-manager>
|
|
<yt-history-manager id="historyManager" class="style-scope ytd-app"></yt-history-manager>
|
|
<ytd-miniplayer class="style-scope ytd-app" rounded-container="" animate-miniplayer="" split-subtitle="">
|
|
<!--css-build:shady-->
|
|
<div id="blocking-container" class="style-scope ytd-miniplayer" hidden="">
|
|
<yt-icon-button class="style-scope ytd-miniplayer" aria-label="Close player">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button">
|
|
<yt-icon id="close-icon" icon="yt-icons:close" class="style-scope ytd-miniplayer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
<div class="miniplayer style-scope ytd-miniplayer" role="dialog">
|
|
<div id="card" class="style-scope ytd-miniplayer">
|
|
<div id="video-container" class="style-scope ytd-miniplayer" style="touch-action: pan-x;">
|
|
<div class="video style-scope ytd-miniplayer">
|
|
<div id="player-container" class="style-scope ytd-miniplayer"></div>
|
|
</div>
|
|
<div id="info-bar" class="style-scope ytd-miniplayer">
|
|
<div class="metadata style-scope ytd-miniplayer">
|
|
<h1 class="title meta style-scope ytd-miniplayer" role="heading" hidden="">
|
|
<a tabindex="0" class="style-scope ytd-miniplayer">
|
|
<yt-formatted-string class="miniplayer-title style-scope ytd-miniplayer" ellipsis-truncate=""
|
|
is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</a>
|
|
</h1>
|
|
<div class="channel style-scope ytd-miniplayer">
|
|
<ytd-badge-supported-renderer id="badges" class="style-scope ytd-miniplayer" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="owner-name" no-endpoints="" class="style-scope ytd-miniplayer" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div class="index-message style-scope ytd-miniplayer" hidden="">
|
|
<span class="text-divider style-scope ytd-miniplayer">•</span>
|
|
<span class="style-scope ytd-miniplayer"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="expander style-scope ytd-miniplayer" hidden="">
|
|
<yt-icon-button class="style-scope ytd-miniplayer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Expand">
|
|
<yt-icon class="style-scope ytd-miniplayer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ytd-playlist-panel-renderer id="playlist" hide-header-text="" within-miniplayer=""
|
|
class="style-scope ytd-miniplayer" docked-panel-next="" js-panel-height="" chevron-tap-target-size=""
|
|
modern-panels="" hidden="" is-dark-theme="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-playlist-panel-renderer">
|
|
<div class="header style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-contents" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-top-row" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-description" class="style-scope ytd-playlist-panel-renderer">
|
|
<h3 class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="title style-scope ytd-playlist-panel-renderer" ellipsis-truncate=""
|
|
link-inherit-color="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<h3 id="next-video-title" class="style-scope ytd-playlist-panel-renderer" hidden=""><span
|
|
id="next-label" class="style-scope ytd-playlist-panel-renderer"></span>
|
|
<yt-formatted-string ellipsis-truncate="" class="style-scope ytd-playlist-panel-renderer"
|
|
is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<div id="publisher-container" class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="byline-title style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" hidden="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-playlist-panel-renderer" disable-upgrade=""
|
|
hidden=""></ytd-badge-supported-renderer>
|
|
<yt-formatted-string class="publisher style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" link-inherit-color="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div class="index-message-wrapper style-scope ytd-playlist-panel-renderer"><span
|
|
class="index-message style-scope ytd-playlist-panel-renderer">NaN / NaN</span>
|
|
<yt-formatted-string class="index-message style-scope ytd-playlist-panel-renderer"
|
|
respecthtmldir="" hidden="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="top-row-buttons" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<yt-icon-button id="expand-button" toggleable="" class="style-scope ytd-playlist-panel-renderer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Expand">
|
|
<yt-icon id="expand-icon" class="style-scope ytd-playlist-panel-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
<div id="playlist-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="start-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="playlist-action-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<div id="save-button" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
<div id="end-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="overflow-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content-header" class="style-scope ytd-playlist-panel-renderer" hidden=""></div>
|
|
<div id="items" class="playlist-items style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</ytd-playlist-panel-renderer>
|
|
<div id="expander-space" class="style-scope ytd-miniplayer"></div>
|
|
<ytd-miniplayer-toast id="toast" class="style-scope ytd-miniplayer">
|
|
<!--css-build:shady-->
|
|
<ytd-thumbnail width="78" class="style-scope ytd-miniplayer-toast" size="small">
|
|
<!--css-build:shady--><a id="thumbnail" class="yt-simple-endpoint inline-block style-scope ytd-thumbnail"
|
|
aria-hidden="true" tabindex="-1">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow" alt=""
|
|
width="78">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail"></div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div id="info" class="style-scope ytd-miniplayer-toast">
|
|
<div id="label" class="style-scope ytd-miniplayer-toast"> </div>
|
|
<div id="title" class="style-scope ytd-miniplayer-toast"> </div>
|
|
</div>
|
|
<div id="button" class="style-scope ytd-miniplayer-toast"></div>
|
|
</ytd-miniplayer-toast>
|
|
</div>
|
|
</div>
|
|
</ytd-miniplayer>
|
|
<ytd-miniplayer class="style-scope ytd-app" rounded-container="" animate-miniplayer="" split-subtitle="">
|
|
<!--css-build:shady-->
|
|
<div id="blocking-container" class="style-scope ytd-miniplayer" hidden="">
|
|
<yt-icon-button class="style-scope ytd-miniplayer" aria-label="Close player">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button">
|
|
<yt-icon id="close-icon" icon="yt-icons:close" class="style-scope ytd-miniplayer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
<div class="miniplayer style-scope ytd-miniplayer" role="dialog">
|
|
<div id="card" class="style-scope ytd-miniplayer">
|
|
<div id="video-container" class="style-scope ytd-miniplayer" style="touch-action: pan-x;">
|
|
<div class="video style-scope ytd-miniplayer">
|
|
<div id="player-container" class="style-scope ytd-miniplayer"></div>
|
|
</div>
|
|
<div id="info-bar" class="style-scope ytd-miniplayer">
|
|
<div class="metadata style-scope ytd-miniplayer">
|
|
<h1 class="title meta style-scope ytd-miniplayer" role="heading" hidden="">
|
|
<a tabindex="0" class="style-scope ytd-miniplayer">
|
|
<yt-formatted-string class="miniplayer-title style-scope ytd-miniplayer" ellipsis-truncate=""
|
|
is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</a>
|
|
</h1>
|
|
<div class="channel style-scope ytd-miniplayer">
|
|
<ytd-badge-supported-renderer id="badges" class="style-scope ytd-miniplayer" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="owner-name" no-endpoints="" class="style-scope ytd-miniplayer" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div class="index-message style-scope ytd-miniplayer" hidden="">
|
|
<span class="text-divider style-scope ytd-miniplayer">•</span>
|
|
<span class="style-scope ytd-miniplayer"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="expander style-scope ytd-miniplayer" hidden="">
|
|
<yt-icon-button class="style-scope ytd-miniplayer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Expand">
|
|
<yt-icon class="style-scope ytd-miniplayer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ytd-playlist-panel-renderer id="playlist" hide-header-text="" within-miniplayer=""
|
|
class="style-scope ytd-miniplayer" docked-panel-next="" js-panel-height="" chevron-tap-target-size=""
|
|
modern-panels="" hidden="" is-dark-theme="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-playlist-panel-renderer">
|
|
<div class="header style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-contents" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-top-row" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-description" class="style-scope ytd-playlist-panel-renderer">
|
|
<h3 class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="title style-scope ytd-playlist-panel-renderer" ellipsis-truncate=""
|
|
link-inherit-color="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<h3 id="next-video-title" class="style-scope ytd-playlist-panel-renderer" hidden=""><span
|
|
id="next-label" class="style-scope ytd-playlist-panel-renderer"></span>
|
|
<yt-formatted-string ellipsis-truncate="" class="style-scope ytd-playlist-panel-renderer"
|
|
is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<div id="publisher-container" class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="byline-title style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" hidden="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-playlist-panel-renderer" disable-upgrade=""
|
|
hidden=""></ytd-badge-supported-renderer>
|
|
<yt-formatted-string class="publisher style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" link-inherit-color="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div class="index-message-wrapper style-scope ytd-playlist-panel-renderer"><span
|
|
class="index-message style-scope ytd-playlist-panel-renderer">NaN / NaN</span>
|
|
<yt-formatted-string class="index-message style-scope ytd-playlist-panel-renderer"
|
|
respecthtmldir="" hidden="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="top-row-buttons" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<yt-icon-button id="expand-button" toggleable="" class="style-scope ytd-playlist-panel-renderer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Expand">
|
|
<yt-icon id="expand-icon" class="style-scope ytd-playlist-panel-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
<div id="playlist-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="start-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="playlist-action-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<div id="save-button" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
<div id="end-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="overflow-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content-header" class="style-scope ytd-playlist-panel-renderer" hidden=""></div>
|
|
<div id="items" class="playlist-items style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</ytd-playlist-panel-renderer>
|
|
<div id="expander-space" class="style-scope ytd-miniplayer"></div>
|
|
<ytd-miniplayer-toast id="toast" class="style-scope ytd-miniplayer">
|
|
<!--css-build:shady-->
|
|
<ytd-thumbnail width="78" class="style-scope ytd-miniplayer-toast" size="small">
|
|
<!--css-build:shady--><a id="thumbnail" class="yt-simple-endpoint inline-block style-scope ytd-thumbnail"
|
|
aria-hidden="true" tabindex="-1">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow" alt=""
|
|
width="78">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail"></div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div id="info" class="style-scope ytd-miniplayer-toast">
|
|
<div id="label" class="style-scope ytd-miniplayer-toast"> </div>
|
|
<div id="title" class="style-scope ytd-miniplayer-toast"> </div>
|
|
</div>
|
|
<div id="button" class="style-scope ytd-miniplayer-toast"></div>
|
|
</ytd-miniplayer-toast>
|
|
</div>
|
|
</div>
|
|
</ytd-miniplayer>
|
|
<div id="content" class="style-scope ytd-app">
|
|
<div id="masthead-container" class="style-scope ytd-app">
|
|
<ytd-masthead id="masthead" logo-type="YOUTUBE_LOGO" slot="masthead" class="chunked masthead-finish"
|
|
guide-refresh="" darker-dark-theme="" role="banner" dark="">
|
|
<!--css-build:shady-->
|
|
<iron-media-query query="max-width: 656px" class="style-scope ytd-masthead" style="display: none;">
|
|
</iron-media-query>
|
|
<div id="ticker" class="style-scope ytd-masthead"></div>
|
|
<div id="interstitial" class="style-scope ytd-masthead"></div>
|
|
<div id="container" class="style-scope ytd-masthead">
|
|
<div id="start" class="style-scope ytd-masthead">
|
|
<yt-icon-button id="back-button" class="style-scope ytd-masthead">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Back">
|
|
<yt-icon icon="yt-icons:arrow-back" class="style-scope ytd-masthead" disable-upgrade="">
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<tp-yt-paper-tooltip id="back-button-tooltip" for="back-button" class="style-scope ytd-masthead"
|
|
disable-upgrade="">
|
|
Back
|
|
</tp-yt-paper-tooltip>
|
|
<yt-icon-button id="guide-button" toggleable="true" class="style-scope ytd-masthead">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Guide"
|
|
aria-pressed="false">
|
|
<yt-icon id="guide-icon" icon="yt-icons:menu" class="style-scope ytd-masthead"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path d="M21,6H3V5h18V6z M21,11H3v1h18V11z M21,17H3v1h18V17z" class="style-scope yt-icon">
|
|
</path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
|
|
<ytd-topbar-logo-renderer id="logo" class="style-scope ytd-masthead">
|
|
<!--css-build:shady--><a class="yt-simple-endpoint style-scope ytd-topbar-logo-renderer" id="logo"
|
|
aria-label="" href="/" title="YouTube Home">
|
|
<div class="style-scope ytd-topbar-logo-renderer">
|
|
<ytd-logo class="style-scope ytd-topbar-logo-renderer">
|
|
<!--css-build:shady-->
|
|
<yt-icon id="logo-icon" class="style-scope ytd-logo"><svg viewBox="0 0 90 20"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" class="style-scope yt-icon">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"
|
|
fill="#FF0000" class="style-scope yt-icon"></path>
|
|
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
<g class="style-scope yt-icon">
|
|
<g id="youtube-paths" class="style-scope yt-icon">
|
|
<path
|
|
d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</ytd-logo>
|
|
</div>
|
|
<ytd-yoodle-renderer class="style-scope ytd-topbar-logo-renderer" hidden="">
|
|
<!--css-build:shady-->
|
|
<picture class="style-scope ytd-yoodle-renderer">
|
|
<source type="image/webp" class="style-scope ytd-yoodle-renderer" srcset="">
|
|
<img class="style-scope ytd-yoodle-renderer" src="">
|
|
</picture>
|
|
<ytd-logo class="style-scope ytd-yoodle-renderer" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-icon id="logo-icon" class="style-scope ytd-logo"><svg viewBox="0 0 90 20"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" class="style-scope yt-icon">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"
|
|
fill="#FF0000" class="style-scope yt-icon"></path>
|
|
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
<g class="style-scope yt-icon">
|
|
<g id="youtube-paths" class="style-scope yt-icon">
|
|
<path
|
|
d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</ytd-logo>
|
|
<ytd-lottie-player class="style-scope ytd-yoodle-renderer" hidden=""></ytd-lottie-player>
|
|
</ytd-yoodle-renderer>
|
|
</a>
|
|
<span id="country-code" class="style-scope ytd-topbar-logo-renderer">
|
|
|
|
</span>
|
|
</ytd-topbar-logo-renderer>
|
|
<div id="skip-navigation" class="style-scope ytd-masthead">
|
|
<ytd-button-renderer class="style-scope ytd-masthead" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Skip navigation</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="center" class="style-scope ytd-masthead">
|
|
<ytd-searchbox id="search" class="style-scope ytd-masthead"
|
|
desktop-searchbar-style="rounded_corner_borders_light_btn" system-icons="" role="search">
|
|
<!--css-build:shady-->
|
|
<form id="search-form" action="/results" class="style-scope ytd-searchbox">
|
|
<div id="container" class="style-scope ytd-searchbox">
|
|
<yt-icon id="search-icon" class="style-scope ytd-searchbox"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M20.87,20.17l-5.59-5.59C16.35,13.35,17,11.75,17,10c0-3.87-3.13-7-7-7s-7,3.13-7,7s3.13,7,7,7c1.75,0,3.35-0.65,4.58-1.71 l5.59,5.59L20.87,20.17z M10,16c-3.31,0-6-2.69-6-6s2.69-6,6-6s6,2.69,6,6S13.31,16,10,16z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
<div id="search-input" class="ytd-searchbox-spt" slot="search-input"><input id="search"
|
|
autocapitalize="none" autocomplete="off" autocorrect="off" name="search_query" tabindex="0"
|
|
type="text" spellcheck="false" placeholder="Search" aria-label="Search"></div>
|
|
<div id="search-clear-button" class="style-scope ytd-searchbox" hidden="">
|
|
<ytd-button-renderer class="style-scope ytd-searchbox" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Clear search query" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="search-container" class="ytd-searchbox-spt" slot="search-container"></div>
|
|
</form>
|
|
<button id="search-icon-legacy" class="style-scope ytd-searchbox" aria-label="Search">
|
|
<yt-icon class="style-scope ytd-searchbox"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M20.87,20.17l-5.59-5.59C16.35,13.35,17,11.75,17,10c0-3.87-3.13-7-7-7s-7,3.13-7,7s3.13,7,7,7c1.75,0,3.35-0.65,4.58-1.71 l5.59,5.59L20.87,20.17z M10,16c-3.31,0-6-2.69-6-6s2.69-6,6-6s6,2.69,6,6S13.31,16,10,16z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
<tp-yt-paper-tooltip prefix="" class="style-scope ytd-searchbox" role="tooltip" tabindex="-1"
|
|
style="left: 941.578px; top: 62px;">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="style-scope tp-yt-paper-tooltip hidden" style-target="tooltip">
|
|
Search
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</button>
|
|
</ytd-searchbox>
|
|
<yt-icon-button id="search-button-narrow" class="style-scope ytd-masthead">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Search">
|
|
<yt-icon class="topbar-icons style-scope ytd-masthead" icon="yt-icons:search" disable-upgrade="">
|
|
</yt-icon>
|
|
<tp-yt-paper-tooltip for="search-button-narrow" class="style-scope ytd-masthead" disable-upgrade=""
|
|
hidden="">
|
|
Search
|
|
</tp-yt-paper-tooltip>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<div id="voice-search-button" class="style-scope ytd-masthead">
|
|
<ytd-button-renderer class="style-scope ytd-masthead" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--overlay yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Search with your voice" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12 3C10.34 3 9 4.37 9 6.07V11.93C9 13.63 10.34 15 12 15C13.66 15 15 13.63 15 11.93V6.07C15 4.37 13.66 3 12 3ZM18.5 12H17.5C17.5 15.03 15.03 17.5 12 17.5C8.97 17.5 6.5 15.03 6.5 12H5.5C5.5 15.24 7.89 17.93 11 18.41V21H13V18.41C16.11 17.93 18.5 15.24 18.5 12Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--overlay-touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip" tabindex="-1"
|
|
style="inset: 56px auto auto 954.777px;">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="style-scope tp-yt-paper-tooltip hidden" style-target="tooltip">
|
|
Search with your voice
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="end" class="style-scope ytd-masthead">
|
|
<div id="masthead-skeleton-icons" slot="masthead-skeleton">
|
|
<div class="masthead-skeleton-icon"></div>
|
|
<div class="masthead-skeleton-icon"></div>
|
|
<div class="masthead-skeleton-icon"></div>
|
|
<div class="masthead-skeleton-icon"></div>
|
|
</div>
|
|
<div id="buttons" class="style-scope ytd-masthead">
|
|
<ytd-topbar-menu-button-renderer class="style-scope ytd-masthead style-default" use-keyboard-focused=""
|
|
is-icon-button="" has-no-text="">
|
|
<!--css-build:shady-->
|
|
<dom-if class="style-scope ytd-topbar-menu-button-renderer"><template is="dom-if"></template></dom-if>
|
|
<div id="button" class="style-scope ytd-topbar-menu-button-renderer"><a
|
|
class="yt-simple-endpoint style-scope ytd-topbar-menu-button-renderer" tabindex="-1">
|
|
<yt-icon-button id="button" class="style-scope ytd-topbar-menu-button-renderer style-default">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Create">
|
|
<yt-icon class="style-scope ytd-topbar-menu-button-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M14,13h-3v3H9v-3H6v-2h3V8h2v3h3V13z M17,6H3v12h14v-6.39l4,1.83V8.56l-4,1.83V6 M18,5v3.83L22,7v8l-4-1.83V19H2V5H18L18,5 z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</a></div>
|
|
</ytd-topbar-menu-button-renderer>
|
|
<ytd-notification-topbar-button-renderer class="style-scope ytd-masthead">
|
|
<!--css-build:shady-->
|
|
<yt-icon-button id="icon" class="style-scope ytd-notification-topbar-button-renderer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Notifications">
|
|
<yt-icon-badge-shape class="style-scope ytd-notification-topbar-button-renderer">
|
|
<div
|
|
class="yt-spec-icon-badge-shape yt-spec-icon-badge-shape--type-notification yt-spec-icon-badge-shape--style-overlay ">
|
|
<div class="yt-spec-icon-badge-shape__icon">
|
|
<yt-icon><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M10,20h4c0,1.1-0.9,2-2,2S10,21.1,10,20z M20,17.35V19H4v-1.65l2-1.88v-5.15c0-2.92,1.56-5.22,4-5.98V3.96 c0-1.42,1.49-2.5,2.99-1.76C13.64,2.52,14,3.23,14,3.96l0,0.39c2.44,0.75,4,3.06,4,5.98v5.15L20,17.35z M19,17.77l-2-1.88v-5.47 c0-2.47-1.19-4.36-3.13-5.1c-1.26-0.53-2.64-0.5-3.84,0.03C8.15,6.11,7,7.99,7,10.42v5.47l-2,1.88V18h14V17.77z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
</div>
|
|
</yt-icon-badge-shape>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<tp-yt-paper-tooltip class="style-scope ytd-notification-topbar-button-renderer" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip" style-target="tooltip">
|
|
Notifications
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-notification-topbar-button-renderer>
|
|
<ytd-icon-badge-topbar-button-renderer class="style-scope ytd-masthead" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-icon-button id="icon" class="style-scope ytd-icon-badge-topbar-button-renderer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Shopping cart">
|
|
<yt-icon-badge-shape class="style-scope ytd-icon-badge-topbar-button-renderer">
|
|
<div
|
|
class="yt-spec-icon-badge-shape yt-spec-icon-badge-shape--type-cart yt-spec-icon-badge-shape--style-overlay ">
|
|
<div class="yt-spec-icon-badge-shape__icon">
|
|
<yt-icon><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M10,20c0,1.1-0.9,2-2,2s-2-0.9-2-2c0-1.1,0.9-2,2-2S10,18.9,10,20z M16,18c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2 C18,18.9,17.1,18,16,18z M7.81,14L7.1,16H18v1H6l0.03-0.97l0.8-2.25L5,5V3H3V2h2h1v1v2h14l-1.88,9H7.81z M6.23,6l1.46,7h9.62l1.46-7 H6.23z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
</div>
|
|
</yt-icon-badge-shape>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<tp-yt-paper-tooltip class="style-scope ytd-icon-badge-topbar-button-renderer" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip" style-target="tooltip">
|
|
Shopping cart
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-icon-badge-topbar-button-renderer>
|
|
<ytd-topbar-menu-button-renderer class="style-scope ytd-masthead" use-keyboard-focused="">
|
|
<!--css-build:shady-->
|
|
<button id="avatar-btn" aria-haspopup="true" class="style-scope ytd-topbar-menu-button-renderer"
|
|
aria-label="Account profile photo that opens list of alternate accounts">
|
|
<yt-img-shadow height="32" width="32"
|
|
class="style-scope ytd-topbar-menu-button-renderer no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="Avatar image" height="32" width="32"
|
|
src="https://yt3.ggpht.com/yti/AJo0G0nUOWnRo0p_wtDIYtElEuNjcxWJmoan4TOUXgL9=s88-c-k-c0x00ffffff-no-rj-mo">
|
|
</yt-img-shadow>
|
|
</button>
|
|
<dom-if class="style-scope ytd-topbar-menu-button-renderer"><template is="dom-if"></template></dom-if>
|
|
<div id="button" class="style-scope ytd-topbar-menu-button-renderer"></div>
|
|
</ytd-topbar-menu-button-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ytd-masthead>
|
|
</div>
|
|
<tp-yt-app-drawer id="guide" align="start" role="navigation" class="style-scope ytd-app"
|
|
style="transition-duration: 200ms; touch-action: pan-y;" position="left" swipe-open="">
|
|
<!--css-build:shady-->
|
|
<div id="scrim" class="style-scope tp-yt-app-drawer" style="transition-duration: 200ms;"></div>
|
|
|
|
|
|
<div id="contentContainer" class="style-scope tp-yt-app-drawer" position="left"
|
|
style="transition-duration: 200ms;" swipe-open="">
|
|
|
|
<div id="guide-wrapper" class="style-scope ytd-app">
|
|
<div id="guide-spacer" class="style-scope ytd-app"></div>
|
|
<div id="guide-content" class="style-scope ytd-app">
|
|
<div id="header" class="style-scope ytd-app">
|
|
|
|
<yt-icon-button id="guide-button" pressed="true" toggleable="true" class="style-scope ytd-app"
|
|
aria-label="Guide">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-pressed="true">
|
|
<yt-icon id="guide-icon" icon="yt-icons:menu" class="style-scope ytd-app"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path d="M21,6H3V5h18V6z M21,11H3v1h18V11z M21,17H3v1h18V17z" class="style-scope yt-icon">
|
|
</path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<ytd-topbar-logo-renderer class="style-scope ytd-app">
|
|
<!--css-build:shady--><a class="yt-simple-endpoint style-scope ytd-topbar-logo-renderer" id="logo"
|
|
aria-label="" href="/" title="YouTube Home">
|
|
<div class="style-scope ytd-topbar-logo-renderer">
|
|
<ytd-logo class="style-scope ytd-topbar-logo-renderer">
|
|
<!--css-build:shady-->
|
|
<yt-icon id="logo-icon" class="style-scope ytd-logo"><svg viewBox="0 0 90 20"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" class="style-scope yt-icon">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"
|
|
fill="#FF0000" class="style-scope yt-icon"></path>
|
|
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
<g class="style-scope yt-icon">
|
|
<g id="youtube-paths" class="style-scope yt-icon">
|
|
<path
|
|
d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</ytd-logo>
|
|
</div>
|
|
<ytd-yoodle-renderer class="style-scope ytd-topbar-logo-renderer" hidden="">
|
|
<!--css-build:shady-->
|
|
<picture class="style-scope ytd-yoodle-renderer">
|
|
<source type="image/webp" class="style-scope ytd-yoodle-renderer" srcset="">
|
|
<img class="style-scope ytd-yoodle-renderer" src="">
|
|
</picture>
|
|
<ytd-logo class="style-scope ytd-yoodle-renderer" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-icon id="logo-icon" class="style-scope ytd-logo"><svg viewBox="0 0 90 20"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" class="style-scope yt-icon">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z"
|
|
fill="#FF0000" class="style-scope yt-icon"></path>
|
|
<path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
<g class="style-scope yt-icon">
|
|
<g id="youtube-paths" class="style-scope yt-icon">
|
|
<path
|
|
d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z"
|
|
class="style-scope yt-icon"></path>
|
|
<path
|
|
d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</ytd-logo>
|
|
<ytd-lottie-player class="style-scope ytd-yoodle-renderer" hidden=""></ytd-lottie-player>
|
|
</ytd-yoodle-renderer>
|
|
</a>
|
|
<span id="country-code" class="style-scope ytd-topbar-logo-renderer">
|
|
|
|
</span>
|
|
</ytd-topbar-logo-renderer>
|
|
</div>
|
|
<div id="guide-inner-content" class="style-scope ytd-app">
|
|
<dom-if class="style-scope ytd-app"><template is="dom-if"></template></dom-if>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</tp-yt-app-drawer>
|
|
<ytd-mini-guide-renderer class="style-scope ytd-app" disable-upgrade="" hidden="">
|
|
</ytd-mini-guide-renderer>
|
|
<ytd-page-manager id="page-manager" class="style-scope ytd-app">
|
|
<!--css-build:shady-->
|
|
<ytd-watch-flexy class="style-scope ytd-page-manager hide-skeleton" video-id="srtMWzyqdp8" js-panel-height_=""
|
|
flexy-enable-small-window-sizing="" flexy-enable-large-window-sizing="" cinematics-enabled="" flexy=""
|
|
rounded-info-panel="" is-four-three-to-sixteen-nine-video_="" role="main"
|
|
style="--ytd-watch-flexy-scrollbar-width:0px; --ytd-watch-flexy-space-below-player:136px; --ytd-watch-flexy-panel-max-height:460px; --ytd-watch-flexy-chat-max-height:460px; --ytd-watch-flexy-structured-description-max-height:460px; --ytd-watch-flexy-comments-panel-max-height:460px;"
|
|
watch-metadata-refresh="">
|
|
<!--css-build:shady-->
|
|
<iron-media-query id="two-column-query" class="style-scope ytd-watch-flexy" style="display: none;">
|
|
</iron-media-query>
|
|
<iron-media-query id="small-window-query" class="style-scope ytd-watch-flexy" style="display: none;">
|
|
</iron-media-query>
|
|
<iron-media-query id="large-window-query" class="style-scope ytd-watch-flexy" style="display: none;">
|
|
</iron-media-query>
|
|
|
|
<div id="microformat" class="style-scope ytd-watch-flexy">
|
|
<ytd-player-microformat-renderer class="style-scope ytd-watch-flexy">
|
|
<!--css-build:shady-->
|
|
</ytd-player-microformat-renderer>
|
|
</div>
|
|
|
|
<div id="miniplayer-bar" class="style-scope ytd-watch-flexy"></div>
|
|
|
|
<div id="player-theater-container" class="style-scope ytd-watch-flexy"></div>
|
|
|
|
<div id="single-column-container" class="style-scope ytd-watch-flexy"></div>
|
|
<div id="columns" class="style-scope ytd-watch-flexy">
|
|
<div id="primary" class="style-scope ytd-watch-flexy">
|
|
<div id="primary-inner" class="style-scope ytd-watch-flexy">
|
|
<div id="player" class="style-scope ytd-watch-flexy">
|
|
<div id="cinematics" class="style-scope ytd-watch-flexy">
|
|
<div style="position: absolute; inset: 0px; pointer-events: none; transform: scale(1.5, 2);"><canvas
|
|
width="110" height="75" style="position: absolute; width: 100%; height: 100%;"></canvas><canvas
|
|
width="110" height="75"
|
|
style="position: absolute; width: 100%; height: 100%; opacity: 1;"></canvas></div>
|
|
</div>
|
|
<div id="player-container-outer" class="style-scope ytd-watch-flexy">
|
|
<div id="player-container-inner" class="style-scope ytd-watch-flexy">
|
|
<div id="player-container" role="complementary" class="style-scope ytd-watch-flexy"
|
|
style="touch-action: auto;">
|
|
<ytd-player id="ytd-player" context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"
|
|
class="style-scope ytd-watch-flexy" style="touch-action: pan-down;">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-player">
|
|
|
|
<div
|
|
class="html5-video-player ytp-transparent ytp-exp-bottom-control-flexbox ytp-exp-ppp-update ad-created ytp-fit-cover-video ytp-fine-scrubbing-exp ytp-hide-info-bar ytp-large-width-mode ytp-rounded-miniplayer ytp-autonav-endscreen-cancelled-state paused-mode ytp-progress-bar-snap"
|
|
tabindex="-1" id="movie_player"
|
|
data-version="/s/player/03bec62d/player_ias.vflset/en_US/base.js"
|
|
aria-label="YouTube Video Player">
|
|
<div class="html5-video-container" data-layer="0"><video tabindex="-1"
|
|
class="video-stream html5-main-video" controlslist="nodownload"
|
|
src="blob:https://www.youtube.com/592d776c-06b6-4ae1-81d7-10ad4f1cebfc"
|
|
style="width: 853px; height: 480px; left: 0px; top: 0px;"></video></div>
|
|
<div class="ytp-gradient-top" data-layer="1"></div>
|
|
<div class="ytp-chrome-top" data-layer="1"><button
|
|
class="ytp-playlist-menu-button ytp-button" aria-owns="ytp-id-24" aria-haspopup="true"
|
|
aria-label="Playlist" style="display: none;">
|
|
<div class="ytp-playlist-menu-button-icon"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-25"></use>
|
|
<path
|
|
d="m 22.53,21.42 0,6.85 5.66,-3.42 -5.66,-3.42 0,0 z m -11.33,0 9.06,0 0,2.28 -9.06,0 0,-2.28 0,0 z m 0,-9.14 13.6,0 0,2.28 -13.6,0 0,-2.28 0,0 z m 0,4.57 13.6,0 0,2.28 -13.6,0 0,-2.28 0,0 z"
|
|
fill="#fff" id="ytp-id-25"></path>
|
|
</svg></div>
|
|
<div class="ytp-playlist-menu-button-text"></div>
|
|
</button>
|
|
<div class="ytp-title-channel">
|
|
<div class="ytp-title-beacon"></div><a class="ytp-title-channel-logo"
|
|
target="_blank"></a>
|
|
<div class="ytp-title-expanded-overlay">
|
|
<div class="ytp-title-expanded-heading">
|
|
<div class="ytp-title-expanded-title"><a target="_blank"
|
|
href="https://www.youtube.com"></a></div>
|
|
<div class="ytp-title-expanded-subtitle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-title">
|
|
<div class="ytp-title-text"><a
|
|
class="ytp-title-link yt-uix-sessionlink ytp-title-fullerscreen-link"
|
|
target="_blank" data-sessionlink="feature=player-title" tabindex="-1">ElixirConf
|
|
2016 - Keynote by José Valim</a>
|
|
<div class="ytp-title-subtext"><a class="ytp-title-channel-name" target="_blank"
|
|
href=""></a></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chrome-top-buttons"><button class="ytp-watch-later-button ytp-button"
|
|
data-tooltip-opaque="false" title="Watch later" aria-label="Watch later">
|
|
<div class="ytp-watch-later-icon"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-28"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M18,8 C12.47,8 8,12.47 8,18 C8,23.52 12.47,28 18,28 C23.52,28 28,23.52 28,18 C28,12.47 23.52,8 18,8 L18,8 Z M16,19.02 L16,12.00 L18,12.00 L18,17.86 L23.10,20.81 L22.10,22.54 L16,19.02 Z"
|
|
id="ytp-id-28"></path>
|
|
</svg></div>
|
|
<div class="ytp-watch-later-title">Watch later</div>
|
|
</button><button class="ytp-button ytp-share-button ytp-share-button-visible"
|
|
title="Share" aria-haspopup="true" aria-owns="ytp-id-27" data-tooltip-opaque="false"
|
|
aria-label="Share">
|
|
<div class="ytp-share-icon"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-42"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="m 20.20,14.19 0,-4.45 7.79,7.79 -7.79,7.79 0,-4.56 C 16.27,20.69 12.10,21.81 9.34,24.76 8.80,25.13 7.60,27.29 8.12,25.65 9.08,21.32 11.80,17.18 15.98,15.38 c 1.33,-0.60 2.76,-0.98 4.21,-1.19 z"
|
|
id="ytp-id-42"></path>
|
|
</svg></div>
|
|
<div class="ytp-share-title">Share</div>
|
|
</button><button class="ytp-button ytp-copylink-button" data-tooltip-opaque="false"
|
|
title="Copy link" aria-label="Copy link" style="display: none;">
|
|
<div class="ytp-copylink-icon"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-40"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M21.9,8.3H11.3c-0.9,0-1.7,.8-1.7,1.7v12.3h1.7V10h10.6V8.3z M24.6,11.8h-9.7c-1,0-1.8,.8-1.8,1.8v12.3 c0,1,.8,1.8,1.8,1.8h9.7c1,0,1.8-0.8,1.8-1.8V13.5C26.3,12.6,25.5,11.8,24.6,11.8z M24.6,25.9h-9.7V13.5h9.7V25.9z"
|
|
id="ytp-id-40"></path>
|
|
</svg></div>
|
|
<div class="ytp-copylink-title" aria-hidden="true">Copy link</div>
|
|
</button><button class="ytp-button ytp-cards-button" aria-label="Show cards"
|
|
aria-owns="iv-drawer" aria-haspopup="true" data-tooltip-opaque="false"
|
|
style="display: none;"><span class="ytp-cards-button-icon-default">
|
|
<div class="ytp-cards-button-icon"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-2"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M18,8 C12.47,8 8,12.47 8,18 C8,23.52 12.47,28 18,28 C23.52,28 28,23.52 28,18 C28,12.47 23.52,8 18,8 L18,8 Z M17,16 L19,16 L19,24 L17,24 L17,16 Z M17,12 L19,12 L19,14 L17,14 L17,12 Z"
|
|
id="ytp-id-2"></path>
|
|
</svg></div>
|
|
<div class="ytp-cards-button-title">Info</div>
|
|
</span><span class="ytp-cards-button-icon-shopping">
|
|
<div class="ytp-cards-button-icon"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<path class="ytp-svg-shadow"
|
|
d="M 27.99,18 A 9.99,9.99 0 1 1 8.00,18 9.99,9.99 0 1 1 27.99,18 z"></path>
|
|
<path class="ytp-svg-fill"
|
|
d="M 18,8 C 12.47,8 8,12.47 8,18 8,23.52 12.47,28 18,28 23.52,28 28,23.52 28,18 28,12.47 23.52,8 18,8 z m -4.68,4 4.53,0 c .35,0 .70,.14 .93,.37 l 5.84,5.84 c .23,.23 .37,.58 .37,.93 0,.35 -0.13,.67 -0.37,.90 L 20.06,24.62 C 19.82,24.86 19.51,25 19.15,25 c -0.35,0 -0.70,-0.14 -0.93,-0.37 L 12.37,18.78 C 12.13,18.54 12,18.20 12,17.84 L 12,13.31 C 12,12.59 12.59,12 13.31,12 z m .96,1.31 c -0.53,0 -0.96,.42 -0.96,.96 0,.53 .42,.96 .96,.96 .53,0 .96,-0.42 .96,-0.96 0,-0.53 -0.42,-0.96 -0.96,-0.96 z"
|
|
fill-opacity="1"></path>
|
|
<path class="ytp-svg-shadow-fill"
|
|
d="M 24.61,18.22 18.76,12.37 C 18.53,12.14 18.20,12 17.85,12 H 13.30 C 12.58,12 12,12.58 12,13.30 V 17.85 c 0,.35 .14,.68 .38,.92 l 5.84,5.85 c .23,.23 .55,.37 .91,.37 .35,0 .68,-0.14 .91,-0.38 L 24.61,20.06 C 24.85,19.83 25,19.50 25,19.15 25,18.79 24.85,18.46 24.61,18.22 z M 14.27,15.25 c -0.53,0 -0.97,-0.43 -0.97,-0.97 0,-0.53 .43,-0.97 .97,-0.97 .53,0 .97,.43 .97,.97 0,.53 -0.43,.97 -0.97,.97 z"
|
|
fill="#000" fill-opacity="0.15"></path>
|
|
</svg></div>
|
|
<div class="ytp-cards-button-title">Shopping</div>
|
|
</span></button>
|
|
<div class="ytp-cards-teaser" style="display: none;">
|
|
<div class="ytp-cards-teaser-box"></div>
|
|
<div class="ytp-cards-teaser-text"><span class="ytp-cards-teaser-label"></span>
|
|
</div>
|
|
</div><button class="ytp-button ytp-overflow-button" title="More" aria-haspopup="true"
|
|
aria-owns="ytp-id-31" aria-label="More">
|
|
<div class="ytp-overflow-icon"><svg height="100%" viewBox="-5 -5 36 36"
|
|
width="100%">
|
|
<path
|
|
d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
|
|
fill="#fff"></path>
|
|
</svg></div>
|
|
</button>
|
|
</div>
|
|
</div><button
|
|
class="ytp-unmute ytp-popup ytp-button ytp-unmute-animated ytp-unmute-shrink"
|
|
data-layer="2" style="display: none;">
|
|
<div class="ytp-unmute-inner">
|
|
<div class="ytp-unmute-icon"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-1"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="m 21.48,17.98 c 0,-1.77 -1.02,-3.29 -2.5,-4.03 v 2.21 l 2.45,2.45 c .03,-0.2 .05,-0.41 .05,-0.63 z m 2.5,0 c 0,.94 -0.2,1.82 -0.54,2.64 l 1.51,1.51 c .66,-1.24 1.03,-2.65 1.03,-4.15 0,-4.28 -2.99,-7.86 -7,-8.76 v 2.05 c 2.89,.86 5,3.54 5,6.71 z M 9.25,8.98 l -1.27,1.26 4.72,4.73 H 7.98 v 6 H 11.98 l 5,5 v -6.73 l 4.25,4.25 c -0.67,.52 -1.42,.93 -2.25,1.18 v 2.06 c 1.38,-0.31 2.63,-0.95 3.69,-1.81 l 2.04,2.05 1.27,-1.27 -9,-9 -7.72,-7.72 z m 7.72,.99 -2.09,2.08 2.09,2.09 V 9.98 z"
|
|
id="ytp-id-1"></path>
|
|
</svg></div>
|
|
<div class="ytp-unmute-text">Tap to unmute</div>
|
|
<div class="ytp-unmute-box"></div>
|
|
</div>
|
|
</button>
|
|
<div class="video-ads ytp-ad-module" data-layer="4"></div>
|
|
<div class="ytp-cued-thumbnail-overlay" data-layer="4" style="display: none;">
|
|
<div class="ytp-cued-thumbnail-overlay-image"></div><button
|
|
class="ytp-large-play-button ytp-button" aria-label="Play"><svg height="100%"
|
|
version="1.1" viewBox="0 0 68 48" width="100%">
|
|
<path class="ytp-large-play-button-bg"
|
|
d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
|
|
fill="#f00"></path>
|
|
<path d="M 45,24 27,14 27,34" fill="#fff"></path>
|
|
</svg></button>
|
|
</div>
|
|
<div class="ytp-spinner" data-layer="4" style="display: none;">
|
|
<div class="ytp-spinner-container">
|
|
<div class="ytp-spinner-rotator">
|
|
<div class="ytp-spinner-left">
|
|
<div class="ytp-spinner-circle"></div>
|
|
</div>
|
|
<div class="ytp-spinner-right">
|
|
<div class="ytp-spinner-circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-spinner-message" style="display: none;">If playback doesn't begin
|
|
shortly, try restarting your device.</div>
|
|
</div>
|
|
<div class="ytp-paid-content-overlay" aria-live="assertive" aria-atomic="true"
|
|
data-layer="4"><a class="ytp-paid-content-overlay-link" target="_blank"
|
|
style="display: none;">
|
|
<div class="ytp-paid-content-overlay-icon"></div>
|
|
<div class="ytp-paid-content-overlay-text"></div>
|
|
<div class="ytp-paid-content-overlay-chevron"></div>
|
|
</a></div>
|
|
<div class="ytp-storyboard-framepreview" data-layer="4" style="display: none;">
|
|
<div class="ytp-storyboard-framepreview-img"></div>
|
|
</div>
|
|
<div data-layer="4" style="display: none;">
|
|
<div class="ytp-bezel-text-wrapper">
|
|
<div class="ytp-bezel-text"></div>
|
|
</div>
|
|
<div class="ytp-bezel" role="status">
|
|
<div class="ytp-bezel-icon"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-doubletap-ui-legacy" data-layer="4" style="display: none;">
|
|
<div class="ytp-doubletap-fast-forward-ve"></div>
|
|
<div class="ytp-doubletap-rewind-ve"></div>
|
|
<div class="ytp-doubletap-static-circle">
|
|
<div class="ytp-doubletap-ripple"></div>
|
|
</div>
|
|
<div class="ytp-doubletap-overlay-a11y"></div>
|
|
<div class="ytp-doubletap-seek-info-container">
|
|
<div class="ytp-doubletap-arrows-container"><span
|
|
class="ytp-doubletap-base-arrow"></span><span
|
|
class="ytp-doubletap-base-arrow"></span><span
|
|
class="ytp-doubletap-base-arrow"></span></div>
|
|
<div class="ytp-doubletap-tooltip">
|
|
<div class="ytp-chapter-seek-text-legacy"></div>
|
|
<div class="ytp-doubletap-tooltip-label"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div aria-live="polite" data-layer="4"
|
|
style="max-width: 300px; top: 279px; left: 42.1641px; display: none;"
|
|
class="ytp-tooltip ytp-bottom ytp-preview">
|
|
<div class="ytp-tooltip-text-wrapper" aria-hidden="true">
|
|
<div class="ytp-tooltip-edu" style="bottom: 92px;"><svg height="100%"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<path
|
|
d="M14.1 36.75 12 34.65 24 22.65 36 34.65 33.9 36.75 24 26.85ZM14.1 24.1 12 22 24 10 36 22 33.9 24.1 24 14.2Z">
|
|
</path>
|
|
</svg><span>Pull up for precise seeking</span></div>
|
|
<div class="ytp-tooltip-image"></div>
|
|
<div class="ytp-tooltip-title" style="right: 81.5px; text-align: center;"><svg
|
|
height="100%" viewBox="0 0 24 24" width="100%">
|
|
<g>
|
|
<rect fill="none" height="24" width="24" x="0"></rect>
|
|
</g>
|
|
<g>
|
|
<g>
|
|
<polygon
|
|
points="19,9 20.25,6.25 23,5 20.25,3.75 19,1 17.75,3.75 15,5 17.75,6.25">
|
|
</polygon>
|
|
<polygon
|
|
points="19,15 17.75,17.75 15,19 17.75,20.25 19,23 20.25,20.25 23,19 20.25,17.75">
|
|
</polygon>
|
|
<path
|
|
d="M11.5,9.5L9,4L6.5,9.5L1,12l5.5,2.5L9,20l2.5-5.5L17,12L11.5,9.5z M9.99,12.99L9,15.17l-0.99-2.18L5.83,12l2.18-0.99 L9,8.83l0.99,2.18L12.17,12L9.99,12.99z">
|
|
</path>
|
|
</g>
|
|
</g>
|
|
</svg><span>File.read("really large file")</span></div><span
|
|
class="ytp-tooltip-text">8:48</span>
|
|
</div>
|
|
<div class="ytp-tooltip-bg"
|
|
style="width: 159px; height: 89.5px; background: url("https://i.ytimg.com/sb/srtMWzyqdp8/storyboard3_L1/M0.jpg?sqp=-oaymwENSDfyq4qpAwVwAcABBqLzl_8DBgjorKi_BQ==&sigh=rs%24AOn4CLCcXmnUrA-h04Uy3azMojDZEmQTzg") -480px -450px / 1600px 900px;">
|
|
<div class="ytp-tooltip-duration"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-ad-persistent-progress-bar-container" data-layer="4"
|
|
style="display: none;">
|
|
<div class="ytp-ad-persistent-progress-bar"></div>
|
|
</div>
|
|
<div class="ytp-suggested-action" data-layer="4"><button
|
|
class="ytp-button ytp-suggested-action-badge ytp-suggested-action-badge-with-controls ytp-suggested-action-badge-expanded"
|
|
style="display: none;" aria-label="">
|
|
<div class="ytp-suggested-action-badge-icon"></div>
|
|
<div class="ytp-suggested-action-badge-expanded-content-container" style=""><label
|
|
class="ytp-suggested-action-badge-title"></label><button
|
|
class="ytp-suggested-action-badge-dismiss-button-icon ytp-button"
|
|
aria-label=""></button></div>
|
|
</button></div>
|
|
<div class="ytp-suggested-action" data-layer="4"><button
|
|
class="ytp-button ytp-suggested-action-badge ytp-suggested-action-badge-with-controls ytp-suggested-action-badge-expanded"
|
|
style="display: none;">
|
|
<div class="ytp-suggested-action-badge-expanded-content-container" style=""><label
|
|
class="ytp-suggested-action-badge-title"></label><button
|
|
class="ytp-suggested-action-badge-dismiss-button-icon ytp-button"></button></div>
|
|
</button></div>
|
|
<div class="ytp-miniplayer-ui" data-layer="4" style="display: none;"></div>
|
|
<div class="ytp-autonav-endscreen-countdown-overlay" data-layer="4"
|
|
style="display: none;">
|
|
<div
|
|
class="ytp-autonav-endscreen-countdown-container ytp-autonav-endscreen-small-mode ytp-autonav-endscreen-upnext-no-alternative-header">
|
|
<div class="ytp-autonav-endscreen-upnext-container">
|
|
<div class="ytp-autonav-endscreen-upnext-header">Up next</div>
|
|
<div class="ytp-autonav-endscreen-upnext-alternative-header"></div><a
|
|
class="ytp-autonav-endscreen-link-container" target="">
|
|
<div class="ytp-autonav-endscreen-upnext-thumbnail rounded-thumbnail" style="">
|
|
<div class="ytp-autonav-timestamp"></div>
|
|
<div class="ytp-autonav-live-stamp">Live</div>
|
|
<div class="ytp-autonav-upcoming-stamp">Upcoming</div>
|
|
</div>
|
|
<div class="ytp-autonav-endscreen-video-info">
|
|
<div class="ytp-autonav-endscreen-premium-badge"></div>
|
|
<div class="ytp-autonav-endscreen-upnext-title"></div>
|
|
<div class="ytp-autonav-endscreen-upnext-author"></div>
|
|
<div class="ytp-autonav-view-and-date"></div>
|
|
<div class="ytp-autonav-author-and-view"></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="ytp-autonav-overlay" style="width: 853px;"></div>
|
|
<div class="ytp-autonav-endscreen-button-container" style="display: none;"><button
|
|
class="ytp-autonav-endscreen-upnext-button ytp-autonav-endscreen-upnext-cancel-button ytp-autonav-endscreen-upnext-button-rounded"
|
|
aria-label="Cancel autoplay">Cancel</button><a
|
|
class="ytp-autonav-endscreen-upnext-button ytp-autonav-endscreen-upnext-play-button ytp-autonav-endscreen-upnext-button-rounded"
|
|
role="button" aria-label="Play next video">Play Now</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="html5-endscreen ytp-player-content videowall-endscreen" data-layer="4"
|
|
style="display: none;"><button class="ytp-button ytp-endscreen-previous"
|
|
aria-label="Previous"><svg height="100%" version="1.1" viewBox="0 0 32 32"
|
|
width="100%">
|
|
<path d="M 19.41,20.09 14.83,15.5 19.41,10.91 18,9.5 l -6,6 6,6 z" fill="#fff">
|
|
</path>
|
|
</svg></button>
|
|
<div class="ytp-endscreen-content"></div><button class="ytp-button ytp-endscreen-next"
|
|
aria-label="Next"><svg height="100%" version="1.1" viewBox="0 0 32 32" width="100%">
|
|
<path d="m 12.59,20.34 4.58,-4.59 -4.58,-4.59 1.41,-1.41 6,6 -6,6 z" fill="#fff">
|
|
</path>
|
|
</svg></button>
|
|
</div>
|
|
<div class="ytp-player-content ytp-iv-player-content" data-layer="4" style="">
|
|
<div style="display: none;"></div>
|
|
</div>
|
|
<div class="ytp-iv-video-content" data-layer="4"
|
|
style="width: 853px; height: 480px; left: 0px; top: 0px;">
|
|
<div class="video-annotations">
|
|
<div class="video-custom-annotations"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-caption-window-container" id="ytp-caption-window-container"
|
|
data-layer="4"></div>
|
|
<div class="ytp-remote" data-layer="4" style="display: none;">
|
|
<div class="ytp-remote-display-status">
|
|
<div class="ytp-remote-display-status-icon"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-32"></use>
|
|
<path
|
|
d="M7,24 L7,27 L10,27 C10,25.34 8.66,24 7,24 L7,24 Z M7,20 L7,22 C9.76,22 12,24.24 12,27 L14,27 C14,23.13 10.87,20 7,20 L7,20 Z M25,13 L11,13 L11,14.63 C14.96,15.91 18.09,19.04 19.37,23 L25,23 L25,13 L25,13 Z M7,16 L7,18 C11.97,18 16,22.03 16,27 L18,27 C18,20.92 13.07,16 7,16 L7,16 Z M27,9 L9,9 C7.9,9 7,9.9 7,11 L7,14 L9,14 L9,11 L27,11 L27,25 L20,25 L20,27 L27,27 C28.1,27 29,26.1 29,25 L29,11 C29,9.9 28.1,9 27,9 L27,9 Z"
|
|
fill="#fff" id="ytp-id-32"></path>
|
|
</svg></div>
|
|
<div class="ytp-remote-display-status-text"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-mdx-popup-dialog" role="dialog" data-layer="4" style="display: none;">
|
|
<div class="ytp-mdx-popup-dialog-inner-content">
|
|
<div class="ytp-mdx-popup-title">You're signed out</div>
|
|
<div class="ytp-mdx-popup-description">Videos you watch may be added to the TV's watch
|
|
history and influence TV recommendations. To avoid this, cancel and sign in to
|
|
YouTube on your computer.</div>
|
|
<div class="ytp-mdx-privacy-popup-buttons"><button
|
|
class="ytp-button ytp-mdx-privacy-popup-cancel">Cancel</button><button
|
|
class="ytp-button ytp-mdx-privacy-popup-confirm">Confirm</button></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-multicam-menu" role="dialog" data-layer="5" style="display: none;">
|
|
<div class="ytp-multicam-menu-header">
|
|
<div class="ytp-multicam-menu-title">Switch camera<button
|
|
class="ytp-multicam-menu-close ytp-button" aria-label="Close"><svg height="100%"
|
|
viewBox="0 0 24 24" width="100%">
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
fill="#fff"></path>
|
|
</svg></button></div>
|
|
</div>
|
|
<div class="ytp-multicam-menu-items"></div>
|
|
</div>
|
|
<div class="ytp-playlist-menu" role="dialog" id="ytp-id-24" data-layer="5"
|
|
style="display: none;">
|
|
<div class="ytp-playlist-menu-header">
|
|
<div class="ytp-playlist-menu-title"><a
|
|
class="ytp-playlist-menu-title-name"></a><button
|
|
class="ytp-playlist-menu-close ytp-button" aria-label="Close"><svg height="100%"
|
|
viewBox="0 0 24 24" width="100%">
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
fill="#fff"></path>
|
|
</svg></button></div>
|
|
<div class="ytp-playlist-menu-subtitle"></div>
|
|
</div>
|
|
<div class="ytp-playlist-menu-items" role="menu"></div>
|
|
</div>
|
|
<div class="ytp-share-panel" id="ytp-id-27" role="dialog" aria-labelledby="ytp-id-26"
|
|
data-layer="5" style="display: none;">
|
|
<div class="ytp-share-panel-inner-content">
|
|
<div class="ytp-share-panel-title" id="ytp-id-26">Share</div><a
|
|
class="ytp-share-panel-link ytp-no-contextmenu" target="_blank" title="Share link"
|
|
aria-label="Share link"></a><label class="ytp-share-panel-include-playlist"><input
|
|
class="ytp-share-panel-include-playlist-checkbox" type="checkbox"
|
|
checked="true">Include playlist</label>
|
|
<div class="ytp-share-panel-loading-spinner">
|
|
<div class="ytp-spinner-container">
|
|
<div class="ytp-spinner-rotator">
|
|
<div class="ytp-spinner-left">
|
|
<div class="ytp-spinner-circle"></div>
|
|
</div>
|
|
<div class="ytp-spinner-right">
|
|
<div class="ytp-spinner-circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-share-panel-service-buttons"></div>
|
|
<div class="ytp-share-panel-error">An error occurred while retrieving sharing
|
|
information. Please try again later.</div>
|
|
</div><button class="ytp-share-panel-close ytp-button" title="Close"
|
|
aria-label="Close"><svg height="100%" viewBox="0 0 24 24" width="100%">
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
fill="#fff"></path>
|
|
</svg></button>
|
|
</div>
|
|
<div class="ytp-overflow-panel" id="ytp-id-31" role="dialog" data-layer="5"
|
|
style="display: none;">
|
|
<div class="ytp-overflow-panel-content">
|
|
<div class="ytp-overflow-panel-action-buttons"></div>
|
|
</div><button class="ytp-overflow-panel-close ytp-button" title="Close"
|
|
aria-label="Close"><svg height="100%" viewBox="0 0 24 24" width="100%">
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
fill="#fff"></path>
|
|
</svg></button>
|
|
</div>
|
|
<div class="ytp-popup ytp-settings-menu ytp-rounded-menu" data-layer="6" id="ytp-id-18"
|
|
style="display: none;">
|
|
<div class="ytp-panel">
|
|
<div class="ytp-panel-menu" role="menu"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-gradient-bottom" data-layer="9"
|
|
style="height: 194px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADCCAYAAACIaaiTAAAAAXNSR0IArs4c6QAAARJJREFUOE9lyNdHBQAAhfHb3nvvuu2997jNe29TJJEkkkgSSSSJJJJEEkkiifRH5jsP56Xz8PM5gcC/xfCIWBNHiXiTQIlEk0SJZJNCiVRIM+mUyDCZlMgy2ZTIMbmUyDP5lCgwhZQoMsWUKDGllCgz5ZSogEpTRYlqU0OJoKmlRJ2pp0SDaaREk2mmRItppUSbaadEh+mkRJfppnpMLyX6TD8lBswgJYbMMCVGzCglxsw4JSZMiBKTZooS02aGErMwZ8KUiJgoJebNAiUWzRIllmEFVmEN1mEDNmELtmEHdmEP9uEADuEIjuEETuEMzuECLuEKruEGbuEO7uEBHuEJnuEFXuEN3uEDPuELvuEHfv8Anf4rEFzS0vsAAAAASUVORK5CYII=");">
|
|
</div>
|
|
<div class="ytp-chrome-bottom" data-layer="9" style="width: 829px; left: 12px;">
|
|
<div class="ytp-progress-bar-container">
|
|
<div class="ytp-heat-map-container">
|
|
<div class="ytp-heat-map-edu"></div>
|
|
</div>
|
|
<div class="ytp-progress-bar" tabindex="0" role="slider" aria-label="Seek slider"
|
|
draggable="true" aria-valuemin="0" aria-valuemax="3963" aria-valuenow="4"
|
|
aria-valuetext="0 Minutes 4 Seconds of 1 Hours 6 Minutes 3 Seconds"
|
|
style="touch-action: none;">
|
|
<div class="ytp-chapters-container">
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="width: 0px; margin-right: 0px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress"
|
|
style="left: 0.139656px; transform: scaleX(0);"></div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 3px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0.333134);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(1);"></div>
|
|
<div class="ytp-hover-progress ytp-hover-progress-light"
|
|
style="left: 0.999403px; transform: scaleX(0.666866);"></div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 69px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress"
|
|
style="left: 0px; transform: scaleX(0.219661);"></div>
|
|
<div class="ytp-hover-progress ytp-hover-progress-light"
|
|
style="left: 0px; transform: scaleX(1);"></div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 30px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress ytp-hover-progress-light"
|
|
style="left: 0px; transform: scaleX(1);"></div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ytp-chapter-hover-container ytp-exp-chapter-hover-container ytp-exp-chapter-hover-effect"
|
|
style="margin-right: 2px; width: 91px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress ytp-hover-progress-light"
|
|
style="left: 0px; transform: scaleX(0.0402644);"></div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 7px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 27px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 106px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 37px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 7px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 12px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 4px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 23px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 185px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 23px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 14px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 9px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 44px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 12px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="margin-right: 2px; width: 8px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-chapter-hover-container ytp-exp-chapter-hover-container"
|
|
style="width: 81px;">
|
|
<div class="ytp-progress-bar-padding"></div>
|
|
<div class="ytp-progress-list">
|
|
<div class="ytp-play-progress ytp-swatch-background-color"
|
|
style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-progress-linear-live-buffer"></div>
|
|
<div class="ytp-load-progress" style="left: 0px; transform: scaleX(0);"></div>
|
|
<div class="ytp-hover-progress" style="left: 0px; transform: scaleX(0);">
|
|
</div>
|
|
<div class="ytp-ad-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-marker-crenellation-list"></div>
|
|
<div class="ytp-timed-markers-container"></div>
|
|
<div class="ytp-clip-start-exclude" style="width: 0%;"></div>
|
|
<div class="ytp-clip-end-exclude" style="left: 100%; width: 0%;"></div>
|
|
<div class="ytp-scrubber-container" style="transform: translateX(0.999403px);">
|
|
<div class="ytp-scrubber-button ytp-swatch-background-color">
|
|
<div class="ytp-scrubber-pull-indicator"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-fine-scrubbing-container">
|
|
<div class="ytp-fine-scrubbing-edu"></div>
|
|
<div class="ytp-fine-scrubbing">
|
|
<div class="ytp-fine-scrubbing-thumbnails" tabindex="0" role="slider" type="range"
|
|
aria-label="Click or scroll the panel for the precise seeking." draggable="true"
|
|
style="touch-action: none; transform: translateX(414.5px);"></div>
|
|
<div class="ytp-fine-scrubbing-cursor" aria-hidden="true"></div>
|
|
<div class="ytp-fine-scrubbing-seek-time" aria-hidden="true">0:04</div>
|
|
<div class="ytp-fine-scrubbing-play" title="Play from this position" role="button"
|
|
aria-label="Play from this position"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-5"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M 12,26 18.5,22 18.5,14 12,10 z M 18.5,22 25,18 25,18 18.5,14 z"
|
|
id="ytp-id-5"></path>
|
|
</svg></div>
|
|
<div class="ytp-fine-scrubbing-dismiss" title="Exit precise seeking" role="button"
|
|
aria-label="Exit precise seeking"><svg height="100%" viewBox="0 0 24 24"
|
|
width="100%">
|
|
<path
|
|
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
fill="#fff"></path>
|
|
</svg></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-bound-time-left"></div>
|
|
<div class="ytp-bound-time-right"></div>
|
|
<div class="ytp-clip-start" draggable="true" title="Watch full video"
|
|
style="touch-action: none; left: 0%;"><svg height="100%" version="1.1"
|
|
viewBox="0 0 14 14" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-3"></use>
|
|
<path d="M12,14 L9,11 L9,3 L12,0 L5,0 L5,14 L12,14 Z" fill="#eaeaea"
|
|
id="ytp-id-3"></path>
|
|
</svg></div>
|
|
<div class="ytp-clip-end" draggable="true" title="Watch full video"
|
|
style="touch-action: none; left: 100%;"><svg height="100%" version="1.1"
|
|
viewBox="0 0 14 14" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-4"></use>
|
|
<path d="M2,14 L5,11 L5,3 L2,0 L9,0 L9,14 L2,14 L2,14 Z" fill="#eaeaea"
|
|
id="ytp-id-4"></path>
|
|
</svg></div>
|
|
</div>
|
|
<div class="ytp-chrome-controls">
|
|
<div class="ytp-left-controls"><a class="ytp-prev-button ytp-button" role="button"
|
|
aria-disabled="true" style="display: none;"><svg height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-11"></use>
|
|
<path class="ytp-svg-fill" d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"
|
|
id="ytp-id-11"></path>
|
|
</svg></a><button class="ytp-play-button ytp-button" aria-keyshortcuts="k"
|
|
data-title-no-tooltip="Play" aria-label="Play keyboard shortcut k"
|
|
title="Play (k)"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-41"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M 12,26 18.5,22 18.5,14 12,10 z M 18.5,22 25,18 25,18 18.5,14 z"
|
|
id="ytp-id-41"></path>
|
|
</svg></button><a class="ytp-next-button ytp-button" role="button"
|
|
title="Next (SHIFT+n)" data-title-no-tooltip="Next" aria-keyshortcuts="SHIFT+n"
|
|
aria-disabled="false" aria-label="Next (SHIFT+n)" data-duration="39:15"
|
|
data-preview="https://i.ytimg.com/vi/t46L9RKmlNo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAAZFR-8ZBmhEiC_bR4hCa4Bfk9KQ"
|
|
data-tooltip-text="John Mertens - Lessons From Our First Trillion Messages with Flow - ElixirConf EU 2019"
|
|
href="https://www.youtube.com/watch?v=t46L9RKmlNo"><svg height="100%"
|
|
version="1.1" viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-13"></use>
|
|
<path class="ytp-svg-fill"
|
|
d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z" id="ytp-id-13">
|
|
</path>
|
|
</svg></a><span class="ytp-volume-area"><button class="ytp-mute-button ytp-button"
|
|
aria-keyshortcuts="m" title="Mute (m)" data-title-no-tooltip="Mute"><svg
|
|
height="100%" version="1.1" viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-15"></use>
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-16"></use>
|
|
<defs>
|
|
<clipPath id="ytp-svg-volume-animation-mask">
|
|
<path d="m 14.35,-0.14 -5.86,5.86 20.73,20.78 5.86,-5.91 z"></path>
|
|
<path d="M 7.07,6.87 -1.11,15.33 19.61,36.11 27.80,27.60 z"></path>
|
|
<path class="ytp-svg-volume-animation-mover"
|
|
d="M 9.09,5.20 6.47,7.88 26.82,28.77 29.66,25.99 z"
|
|
transform="translate(0, 0)"></path>
|
|
</clipPath>
|
|
<clipPath id="ytp-svg-volume-animation-slash-mask">
|
|
<path class="ytp-svg-volume-animation-mover"
|
|
d="m -11.45,-15.55 -4.44,4.51 20.45,20.94 4.55,-4.66 z"
|
|
transform="translate(0, 0)"></path>
|
|
</clipPath>
|
|
</defs>
|
|
<path class="ytp-svg-fill ytp-svg-volume-animation-speaker"
|
|
clip-path="url(#ytp-svg-volume-animation-mask)"
|
|
d="M8,21 L12,21 L17,26 L17,10 L12,15 L8,15 L8,21 Z M19,14 L19,22 C20.48,21.32 21.5,19.77 21.5,18 C21.5,16.26 20.48,14.74 19,14 ZM19,11.29 C21.89,12.15 24,14.83 24,18 C24,21.17 21.89,23.85 19,24.71 L19,26.77 C23.01,25.86 26,22.28 26,18 C26,13.72 23.01,10.14 19,9.23 L19,11.29 Z"
|
|
fill="#fff" id="ytp-id-15"></path>
|
|
<path class="ytp-svg-fill ytp-svg-volume-animation-hider"
|
|
clip-path="url(#ytp-svg-volume-animation-slash-mask)"
|
|
d="M 9.25,9 7.98,10.27 24.71,27 l 1.27,-1.27 Z" fill="#fff" id="ytp-id-16"
|
|
style="display: none;"></path>
|
|
</svg></button>
|
|
<div class="ytp-volume-panel" role="slider" aria-valuemin="0" aria-valuemax="100"
|
|
tabindex="0" aria-valuenow="100" aria-valuetext="100% volume">
|
|
<div class="ytp-volume-slider" draggable="true" style="touch-action: none;">
|
|
<div class="ytp-volume-slider-handle" style="left: 40px;"></div>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
<div class="ytp-time-display notranslate"><span class="ytp-time-clip-icon"><svg
|
|
height="100%" version="1.1" viewBox="0 0 24 24" width="100%">
|
|
<path
|
|
d="M22,3h-4l-5,5l3,3l6-6V3L22,3z M10.79,7.79C10.91,7.38,11,6.95,11,6.5C11,4.01,8.99,2,6.5,2S2,4.01,2,6.5S4.01,11,6.5,11 c0.45,0,.88-0.09,1.29-0.21L9,12l-1.21,1.21C7.38,13.09,6.95,13,6.5,13C4.01,13,2,15.01,2,17.5S4.01,22,6.5,22s4.5-2.01,4.5-4.5 c0-0.45-0.09-0.88-0.21-1.29L12,15l6,6h4v-2L10.79,7.79z M6.5,8C5.67,8,5,7.33,5,6.5S5.67,5,6.5,5S8,5.67,8,6.5S7.33,8,6.5,8z M6.5,19C5.67,19,5,18.33,5,17.5S5.67,16,6.5,16S8,16.67,8,17.5S7.33,19,6.5,19z">
|
|
</path>
|
|
</svg></span><span><span class="ytp-time-current">0:04</span><span
|
|
class="ytp-time-separator"> / </span><span
|
|
class="ytp-time-duration">1:06:03</span></span><span
|
|
class="ytp-clip-watch-full-video-button-separator">•</span><span
|
|
class="ytp-clip-watch-full-video-button">Watch full video</span><button
|
|
class="ytp-live-badge ytp-button" disabled="true">Live</button></div>
|
|
<div class="ytp-chapter-container" style=""><button
|
|
class="ytp-chapter-title ytp-button"><span class="ytp-chapter-title-prefix"
|
|
aria-hidden="true">•</span>
|
|
<div class="ytp-chapter-title-content" title="View chapter"
|
|
aria-label="View chapter">Chapters</div>
|
|
<div class="ytp-chapter-title-chevron"><svg height="100%" viewBox="0 0 24 24"
|
|
width="100%">
|
|
<path d="M9.71 18.71l-1.42-1.42 5.3-5.29-5.3-5.29 1.42-1.42 6.7 6.71z"
|
|
fill="#fff"></path>
|
|
</svg></div>
|
|
</button></div>
|
|
<div class="ytp-chapter-container" style="display: none;"><button
|
|
class="ytp-chapter-title ytp-button ytp-chapter-container-disabled"
|
|
disabled=""><span class="ytp-chapter-title-prefix" aria-hidden="true">•</span>
|
|
<div class="ytp-chapter-title-content" title="View key moments"
|
|
aria-label="View key moments"></div>
|
|
<div class="ytp-chapter-title-chevron"><svg height="100%" viewBox="0 0 24 24"
|
|
width="100%">
|
|
<path d="M9.71 18.71l-1.42-1.42 5.3-5.29-5.3-5.29 1.42-1.42 6.7 6.71z"
|
|
fill="#fff"></path>
|
|
</svg></div>
|
|
</button></div>
|
|
</div>
|
|
<div class="ytp-right-controls"><button class="ytp-button"
|
|
data-tooltip-target-id="ytp-autonav-toggle-button" style="" title="Autoplay is on"
|
|
aria-label="Autoplay is on">
|
|
<div class="ytp-autonav-toggle-button-container">
|
|
<div class="ytp-autonav-toggle-button" aria-checked="true"></div>
|
|
</div>
|
|
</button><button class="ytp-subtitles-button ytp-button" aria-keyshortcuts="c"
|
|
title="Subtitles/closed captions (c)"
|
|
data-title-no-tooltip="Subtitles/closed captions"
|
|
aria-label="Subtitles/closed captions unavailable" aria-pressed="false"><svg
|
|
class="ytp-subtitles-button-icon" height="100%" version="1.1"
|
|
viewBox="0 0 36 36" width="100%" fill-opacity="1">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-17"></use>
|
|
<path
|
|
d="M11,11 C9.89,11 9,11.9 9,13 L9,23 C9,24.1 9.89,25 11,25 L25,25 C26.1,25 27,24.1 27,23 L27,13 C27,11.9 26.1,11 25,11 L11,11 Z M17,17 L15.5,17 L15.5,16.5 L13.5,16.5 L13.5,19.5 L15.5,19.5 L15.5,19 L17,19 L17,20 C17,20.55 16.55,21 16,21 L13,21 C12.45,21 12,20.55 12,20 L12,16 C12,15.45 12.45,15 13,15 L16,15 C16.55,15 17,15.45 17,16 L17,17 L17,17 Z M24,17 L22.5,17 L22.5,16.5 L20.5,16.5 L20.5,19.5 L22.5,19.5 L22.5,19 L24,19 L24,20 C24,20.55 23.55,21 23,21 L20,21 C19.45,21 19,20.55 19,20 L19,16 C19,15.45 19.45,15 20,15 L23,15 C23.55,15 24,15.45 24,16 L24,17 L24,17 Z"
|
|
fill="#fff" id="ytp-id-17"></path>
|
|
</svg></button><button class="ytp-button ytp-settings-button ytp-hd-quality-badge"
|
|
aria-expanded="false" aria-haspopup="true" aria-controls="ytp-id-18"
|
|
title="Settings" data-tooltip-target-id="ytp-settings-button"
|
|
aria-label="Settings"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-19"></use>
|
|
<path
|
|
d="m 23.94,18.78 c .03,-0.25 .05,-0.51 .05,-0.78 0,-0.27 -0.02,-0.52 -0.05,-0.78 l 1.68,-1.32 c .15,-0.12 .19,-0.33 .09,-0.51 l -1.6,-2.76 c -0.09,-0.17 -0.31,-0.24 -0.48,-0.17 l -1.99,.8 c -0.41,-0.32 -0.86,-0.58 -1.35,-0.78 l -0.30,-2.12 c -0.02,-0.19 -0.19,-0.33 -0.39,-0.33 l -3.2,0 c -0.2,0 -0.36,.14 -0.39,.33 l -0.30,2.12 c -0.48,.2 -0.93,.47 -1.35,.78 l -1.99,-0.8 c -0.18,-0.07 -0.39,0 -0.48,.17 l -1.6,2.76 c -0.10,.17 -0.05,.39 .09,.51 l 1.68,1.32 c -0.03,.25 -0.05,.52 -0.05,.78 0,.26 .02,.52 .05,.78 l -1.68,1.32 c -0.15,.12 -0.19,.33 -0.09,.51 l 1.6,2.76 c .09,.17 .31,.24 .48,.17 l 1.99,-0.8 c .41,.32 .86,.58 1.35,.78 l .30,2.12 c .02,.19 .19,.33 .39,.33 l 3.2,0 c .2,0 .36,-0.14 .39,-0.33 l .30,-2.12 c .48,-0.2 .93,-0.47 1.35,-0.78 l 1.99,.8 c .18,.07 .39,0 .48,-0.17 l 1.6,-2.76 c .09,-0.17 .05,-0.39 -0.09,-0.51 l -1.68,-1.32 0,0 z m -5.94,2.01 c -1.54,0 -2.8,-1.25 -2.8,-2.8 0,-1.54 1.25,-2.8 2.8,-2.8 1.54,0 2.8,1.25 2.8,2.8 0,1.54 -1.25,2.8 -2.8,2.8 l 0,0 z"
|
|
fill="#fff" id="ytp-id-19"></path>
|
|
</svg></button><button class="ytp-multicam-button ytp-button"
|
|
title="Switch camera" aria-haspopup="true" aria-label="Switch camera"
|
|
style="display: none;"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-20"></use>
|
|
<path
|
|
d="M 26,10 22.83,10 21,8 15,8 13.17,10 10,10 c -1.1,0 -2,.9 -2,2 l 0,12 c 0,1.1 .9,2 2,2 l 16,0 c 1.1,0 2,-0.9 2,-2 l 0,-12 c 0,-1.1 -0.9,-2 -2,-2 l 0,0 z m -5,11.5 0,-2.5 -6,0 0,2.5 -3.5,-3.5 3.5,-3.5 0,2.5 6,0 0,-2.5 3.5,3.5 -3.5,3.5 0,0 z"
|
|
fill="#fff" id="ytp-id-20"></path>
|
|
</svg></button><button class="ytp-miniplayer-button ytp-button"
|
|
data-tooltip-target-id="ytp-miniplayer-button" aria-keyshortcuts="i"
|
|
title="Miniplayer (i)" data-title-no-tooltip="Miniplayer"
|
|
aria-label="Miniplayer (i)"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-21"></use>
|
|
<path
|
|
d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"
|
|
fill="#fff" id="ytp-id-21"></path>
|
|
</svg></button><button class="ytp-pip-button ytp-button"
|
|
data-tooltip-target-id="ytp-pip-button" title="Picture in Picture"
|
|
aria-label="Picture in Picture" style="display: none;"><svg height="100%"
|
|
version="1.1" viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-6"></use>
|
|
<path
|
|
d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"
|
|
fill="#fff" id="ytp-id-6"></path>
|
|
</svg></button><button class="ytp-size-button ytp-button" aria-keyshortcuts="t"
|
|
title="Theater mode (t)" data-title-no-tooltip="Theater mode"
|
|
aria-label="Theater mode (t)"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-22"></use>
|
|
<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill="#fff"
|
|
fill-rule="evenodd" id="ytp-id-22"></path>
|
|
</svg></button><button class="ytp-remote-button ytp-button" title="Play on TV"
|
|
aria-haspopup="true" aria-label="Play on TV" style=""><svg height="100%"
|
|
version="1.1" viewBox="0 0 36 36" width="100%">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-23"></use>
|
|
<path
|
|
d="M27,9 L9,9 C7.9,9 7,9.9 7,11 L7,14 L9,14 L9,11 L27,11 L27,25 L20,25 L20,27 L27,27 C28.1,27 29,26.1 29,25 L29,11 C29,9.9 28.1,9 27,9 L27,9 Z M7,24 L7,27 L10,27 C10,25.34 8.66,24 7,24 L7,24 Z M7,20 L7,22 C9.76,22 12,24.24 12,27 L14,27 C14,23.13 10.87,20 7,20 L7,20 Z M7,16 L7,18 C11.97,18 16,22.03 16,27 L18,27 C18,20.92 13.07,16 7,16 L7,16 Z"
|
|
fill="#fff" id="ytp-id-23"></path>
|
|
</svg></button><button class="ytp-fullscreen-button ytp-button"
|
|
aria-keyshortcuts="f" data-title-no-tooltip="Full screen"
|
|
title="Full screen (f)"><svg height="100%" version="1.1" viewBox="0 0 36 36"
|
|
width="100%">
|
|
<g class="ytp-fullscreen-button-corner-0">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-7"></use>
|
|
<path class="ytp-svg-fill" d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"
|
|
id="ytp-id-7"></path>
|
|
</g>
|
|
<g class="ytp-fullscreen-button-corner-1">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-8"></use>
|
|
<path class="ytp-svg-fill" d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"
|
|
id="ytp-id-8"></path>
|
|
</g>
|
|
<g class="ytp-fullscreen-button-corner-2">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-9"></use>
|
|
<path class="ytp-svg-fill" d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"
|
|
id="ytp-id-9"></path>
|
|
</g>
|
|
<g class="ytp-fullscreen-button-corner-3">
|
|
<use class="ytp-svg-shadow" xlink:href="#ytp-id-10"></use>
|
|
<path class="ytp-svg-fill" d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"
|
|
id="ytp-id-10"></path>
|
|
</g>
|
|
</svg></button><button
|
|
class="ytp-fullerscreen-edu-button ytp-button ytp-fullerscreen-edu-button-subtle"
|
|
style="display: none;" title="Scroll for details" aria-label="Scroll for details">
|
|
<div class="ytp-fullerscreen-edu-text">Scroll for details</div>
|
|
<div class="ytp-fullerscreen-edu-chevron"><svg height="100%" viewBox="0 0 24 24"
|
|
width="100%">
|
|
<path d="M7.41,8.59L12,13.17l4.59-4.58L18,10l-6,6l-6-6L7.41,8.59z"
|
|
fill="#fff"></path>
|
|
</svg></div>
|
|
</button></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-promotooltip-wrapper" data-layer="9" style="display: none;">
|
|
<div class="ytp-promotooltip-container ytp-promotooltip-rounded">
|
|
<div class="ytp-promotooltip-content">
|
|
<div class="ytp-promotooltip-title">New!</div>
|
|
<div class="ytp-promotooltip-details">Watch ads now so you can enjoy fewer
|
|
interruptions</div>
|
|
</div>
|
|
<div class="ytp-promotooltip-buttons">
|
|
<div class="ytp-promotooltip-dismiss-button" tabindex="0">Got it</div>
|
|
<div class="ytp-promotooltip-accept-button" tabindex="0" aria-haspopup="true"
|
|
style="display: none;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="ytp-promotooltip-pointer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ytd-player>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<yt-playability-error-supported-renderers id="error-screen" class="style-scope ytd-watch-flexy"
|
|
disable-upgrade="" hidden="">
|
|
</yt-playability-error-supported-renderers>
|
|
</div>
|
|
<div id="below" class="style-scope ytd-watch-flexy">
|
|
<div id="panels" class="style-scope ytd-watch-flexy">
|
|
|
|
<ytd-engagement-panel-section-list-renderer class="style-scope ytd-watch-flexy" sheets-refresh=""
|
|
modern-panels="" target-id="engagement-panel-ads" visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
<div id="content" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-ads-engagement-panel-content-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer"
|
|
panel-target-id="engagement-panel-ads">
|
|
<!--css-build:shady-->
|
|
<div id="content" class="style-scope ytd-ads-engagement-panel-content-renderer"></div>
|
|
</ytd-ads-engagement-panel-content-renderer>
|
|
</div>
|
|
<div id="footer" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
</ytd-engagement-panel-section-list-renderer>
|
|
<ytd-engagement-panel-section-list-renderer class="style-scope ytd-watch-flexy" sheets-refresh=""
|
|
modern-panels="" target-id="engagement-panel-macro-markers-auto-chapters"
|
|
visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-engagement-panel-title-header-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer" modern-panels="">
|
|
<!--css-build:shady-->
|
|
<div id="banner" aria-hidden="true"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="ads-info-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
<div id="header" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<div id="navigation-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<yt-img-shadow id="icon"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer no-transition" hidden="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="">
|
|
</yt-img-shadow>
|
|
<div id="title-container" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<h2 id="title" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
aria-label="Chapters">
|
|
<yt-formatted-string id="title-text" ellipsis-truncate=""
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
ellipsis-truncate-styling="" title="Chapters">Chapters</yt-formatted-string>
|
|
<yt-formatted-string id="contextual-info"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h2>
|
|
<div id="subtitle-complex" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="action-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="information-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="menu" class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="visibility-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Close" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-engagement-panel-title-header-renderer>
|
|
</div>
|
|
<div id="content" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-macro-markers-list-renderer class="style-scope ytd-engagement-panel-section-list-renderer"
|
|
panel-target-id="engagement-panel-macro-markers-auto-chapters">
|
|
<!--css-build:shady-->
|
|
<div id="contents" class="style-scope ytd-macro-markers-list-renderer">
|
|
<ytd-macro-markers-info-item-renderer class="style-scope ytd-macro-markers-list-renderer">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string class="style-scope ytd-macro-markers-info-item-renderer">These
|
|
chapters are auto-generated</yt-formatted-string>
|
|
<div id="menu" class="style-scope ytd-macro-markers-info-item-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-macro-markers-info-item-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="More actions">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="edit" class="style-scope ytd-macro-markers-info-item-renderer"></div>
|
|
</ytd-macro-markers-info-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;"
|
|
active="">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=6s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum">Platinum</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum" hidden="">Platinum</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">0:06</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=13s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard">Lanyard</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard" hidden="">Lanyard</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">0:13</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=360s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n">roses are red\n violets are blue\n</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n" hidden="">roses are red\n violets are
|
|
blue\n</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">6:00</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=510s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")">File.read("really large file")</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")" hidden="">File.read("really large
|
|
file")</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">8:30</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=963s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats">Flow stats</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats" hidden="">Flow stats</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">16:03</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=998s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics">Topics</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics" hidden="">Topics</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">16:38</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1136s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven">GenStage: Demand-driven</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven" hidden="">GenStage: Demand-driven</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">18:56</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1666s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5">max_demand: 10, min_demand: 5</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5" hidden="">max_demand: 10, min_demand: 5</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">27:46</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1849s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Dispatchers">Dispatchers</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Dispatchers" hidden="">Dispatchers</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">30:49</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1883s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="DemandDispatcher">DemandDispatcher</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="DemandDispatcher" hidden="">DemandDispatcher</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">31:23</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1946s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="BroadcastDispatcher">BroadcastDispatcher</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="BroadcastDispatcher" hidden="">BroadcastDispatcher</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">32:26</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1965s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Partition Dispatcher">Partition Dispatcher</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Partition Dispatcher" hidden="">Partition Dispatcher</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">32:45</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=2078s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage goals">GenStage goals</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage goals" hidden="">GenStage goals</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">34:38</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3003s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Windows and triggers">Windows and triggers</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Windows and triggers" hidden="">Windows and triggers</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">50:03</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3120s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow (concurrent)">Flow (concurrent)</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow (concurrent)" hidden="">Flow (concurrent)</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">52:00</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3188s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow features">Flow features</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow features" hidden="">Flow features</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">53:08</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3236s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Distributed?">Distributed?</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Distributed?" hidden="">Distributed?</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">53:56</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3454s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Library authors">Library authors</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Library authors" hidden="">Library authors</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">57:34</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3515s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Inspirations">Inspirations</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Inspirations" hidden="">Inspirations</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">58:35</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer class="style-scope ytd-macro-markers-list-renderer"
|
|
rounded="" modern=""
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=3556s">
|
|
<div id="active-indicator" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="The Team">The Team</h4>
|
|
<h4 class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="The Team" hidden="">The Team</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">59:16</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<ytd-toggle-button-renderer class="style-scope ytd-macro-markers-list-item-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-pressed="false" aria-label="Repeat chapter is off" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M21,13h1v5L3.93,18.03l2.62,2.62l-0.71,0.71L1.99,17.5l3.85-3.85l0.71,0.71l-2.67,2.67L21,17V13z M3,7l17.12-0.03 l-2.67,2.67l0.71,0.71l3.85-3.85l-3.85-3.85l-0.71,0.71l2.62,2.62L2,6v5h1V7z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
</div>
|
|
<div id="sync-container" class="style-scope ytd-macro-markers-list-renderer">
|
|
<tp-yt-paper-button id="sync-button" class="style-scope ytd-macro-markers-list-renderer"
|
|
style-target="host" role="button" tabindex="0" animated="" elevation="0"
|
|
aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
Sync to video time
|
|
</tp-yt-paper-button>
|
|
</div>
|
|
</ytd-macro-markers-list-renderer>
|
|
</div>
|
|
<div id="footer" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
</ytd-engagement-panel-section-list-renderer>
|
|
<ytd-engagement-panel-section-list-renderer class="style-scope ytd-watch-flexy" sheets-refresh=""
|
|
modern-panels="" target-id="engagement-panel-structured-description"
|
|
visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-engagement-panel-title-header-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer" modern-panels="">
|
|
<!--css-build:shady-->
|
|
<div id="banner" aria-hidden="true"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="ads-info-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
<div id="header" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<div id="navigation-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<yt-img-shadow id="icon"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer no-transition" hidden="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="">
|
|
</yt-img-shadow>
|
|
<div id="title-container" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<h2 id="title" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
aria-label="Description">
|
|
<yt-formatted-string id="title-text" ellipsis-truncate=""
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
ellipsis-truncate-styling="" title="Description">Description</yt-formatted-string>
|
|
<yt-formatted-string id="contextual-info"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h2>
|
|
<div id="subtitle-complex" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="action-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="information-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="menu" class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="visibility-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Close" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-engagement-panel-title-header-renderer>
|
|
</div>
|
|
<div id="content" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-structured-description-content-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer"
|
|
panel-target-id="engagement-panel-structured-description">
|
|
<!--css-build:shady-->
|
|
<div id="items" class="style-scope ytd-structured-description-content-renderer">
|
|
<ytd-video-description-header-renderer
|
|
class="style-scope ytd-structured-description-content-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="shorts-title" class="style-scope ytd-video-description-header-renderer">
|
|
<yt-formatted-string class="style-scope ytd-video-description-header-renderer">
|
|
ElixirConf 2016 - Keynote by José Valim</yt-formatted-string>
|
|
</div>
|
|
<div id="channel-info" class="style-scope ytd-video-description-header-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-video-description-header-renderer"
|
|
tabindex="-1" href="/c/Confreaks">
|
|
<yt-img-shadow id="avatar" fit="" width="36"
|
|
class="style-scope ytd-video-description-header-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="36">
|
|
</yt-img-shadow>
|
|
</a>
|
|
<ytd-channel-name id="channel-name" wrap-text=""
|
|
class="style-scope ytd-video-description-header-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name">Confreaks</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" class="style-scope ytd-channel-name"
|
|
role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Confreaks
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
</div>
|
|
|
|
|
|
<div id="factoids" class="style-scope ytd-video-description-header-renderer">
|
|
<ytd-factoid-renderer class="style-scope ytd-video-description-header-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="factoid style-scope ytd-factoid-renderer" role="text"
|
|
aria-label="245 likes">
|
|
<yt-formatted-string class="factoid-value style-scope ytd-factoid-renderer">245
|
|
</yt-formatted-string>
|
|
<yt-formatted-string class="factoid-label style-scope ytd-factoid-renderer">Likes
|
|
</yt-formatted-string>
|
|
</div>
|
|
</ytd-factoid-renderer>
|
|
<ytd-factoid-renderer class="style-scope ytd-video-description-header-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="factoid style-scope ytd-factoid-renderer" role="text"
|
|
aria-label="14,358 views">
|
|
<yt-formatted-string class="factoid-value style-scope ytd-factoid-renderer">14,358
|
|
</yt-formatted-string>
|
|
<yt-formatted-string class="factoid-label style-scope ytd-factoid-renderer">Views
|
|
</yt-formatted-string>
|
|
</div>
|
|
</ytd-factoid-renderer>
|
|
<ytd-factoid-renderer class="style-scope ytd-video-description-header-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="factoid style-scope ytd-factoid-renderer" role="text"
|
|
aria-label="Sep 27, 2016">
|
|
<yt-formatted-string class="factoid-value style-scope ytd-factoid-renderer">2016
|
|
</yt-formatted-string>
|
|
<yt-formatted-string class="factoid-label style-scope ytd-factoid-renderer">Sep 27
|
|
</yt-formatted-string>
|
|
</div>
|
|
</ytd-factoid-renderer>
|
|
</div>
|
|
</ytd-video-description-header-renderer>
|
|
<ytd-expandable-video-description-body-renderer
|
|
class="style-scope ytd-structured-description-content-renderer">
|
|
<!--css-build:shady-->
|
|
<ytd-expander id="expander"
|
|
class="style-scope ytd-expandable-video-description-body-renderer" collapsed=""
|
|
style="--ytd-expander-collapsed-height:140px;">
|
|
<!--css-build:shady-->
|
|
<div id="content" class="style-scope ytd-expander">
|
|
|
|
<div id="description" slot="content"
|
|
class="style-scope ytd-expandable-video-description-body-renderer">
|
|
<yt-attributed-string
|
|
class="content style-scope ytd-expandable-video-description-body-renderer"
|
|
disable-upgrade="" hidden="">
|
|
</yt-attributed-string>
|
|
<yt-formatted-string
|
|
class="content style-scope ytd-expandable-video-description-body-renderer"
|
|
force-default-style="" split-lines="">Keynote by José Valim</yt-formatted-string>
|
|
</div>
|
|
</div>
|
|
|
|
<tp-yt-paper-button id="less" aria-expanded="true" noink=""
|
|
class="style-scope ytd-expander" hidden="" style-target="host" role="button"
|
|
tabindex="0" animated="" elevation="0" aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string
|
|
class="less-button style-scope ytd-expandable-video-description-body-renderer"
|
|
slot="less-button" role="button">Show less</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
<tp-yt-paper-button id="more" aria-expanded="false" noink=""
|
|
class="style-scope ytd-expander" style-target="host" role="button" tabindex="0"
|
|
animated="" elevation="0" aria-disabled="false" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string
|
|
class="more-button style-scope ytd-expandable-video-description-body-renderer"
|
|
slot="more-button" role="button">Show more</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
|
|
</ytd-expander>
|
|
</ytd-expandable-video-description-body-renderer>
|
|
<ytd-horizontal-card-list-renderer
|
|
class="style-scope ytd-structured-description-content-renderer" at-start=""
|
|
card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"
|
|
modern-chapters="" can-show-more="">
|
|
<!--css-build:shady-->
|
|
<div id="header-container" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<h2 id="header" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<ytd-rich-list-header-renderer class="style-scope ytd-horizontal-card-list-renderer"
|
|
is-modern-sd="">
|
|
<!--css-build:shady-->
|
|
<div class="title-row style-scope ytd-rich-list-header-renderer">
|
|
<div id="avatar" class="style-scope ytd-rich-list-header-renderer"></div>
|
|
|
|
<div id="title-text" class="style-scope ytd-rich-list-header-renderer">
|
|
<yt-formatted-string id="title"
|
|
class="style-scope ytd-rich-list-header-renderer">Chapters
|
|
</yt-formatted-string>
|
|
<yt-formatted-string id="subtitle"
|
|
class="style-scope ytd-rich-list-header-renderer" hidden="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<ytd-badge-supported-renderer id="featured-badge"
|
|
class="style-scope ytd-rich-list-header-renderer" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="title-annotation"
|
|
class="style-scope ytd-rich-list-header-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div id="information-button" class="style-scope ytd-rich-list-header-renderer"
|
|
hidden=""></div>
|
|
<div id="navigation-button" class="style-scope ytd-rich-list-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-rich-list-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--call-to-action yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">View all</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-rich-list-header-renderer>
|
|
</h2>
|
|
<div id="sort-filter" class="style-scope ytd-horizontal-card-list-renderer"></div>
|
|
<div id="header-button" class="style-scope ytd-horizontal-card-list-renderer"></div>
|
|
</div>
|
|
<div id="shelf-container" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="left-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer" hidden="">
|
|
<div id="left-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_left"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M14.6,18.4L8.3,12l6.4-6.4l0.7,0.7L9.7,12l5.6,5.6L14.6,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="left-arrow-button" class="style-scope ytd-horizontal-card-list-renderer"
|
|
hidden=""></div>
|
|
</div>
|
|
<div id="scroll-container" class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="touch-action: pan-y;">
|
|
<div id="items" class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="transform: translateX(0px);">
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;"
|
|
active="">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=6s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum">Platinum</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum" hidden="">Platinum</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">0:06
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=13s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard">Lanyard</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard" hidden="">Lanyard</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">0:13
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=360s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n">roses are red\n violets are
|
|
blue\n</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n" hidden="">roses are red\n violets
|
|
are blue\n</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">6:00
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=510s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4 class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")">File.read("really large
|
|
file")</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")" hidden="">File.read("really
|
|
large file")</h4>
|
|
<div id="time" class="style-scope ytd-macro-markers-list-item-renderer">8:30
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
<div id="repeat-button" class="style-scope ytd-macro-markers-list-item-renderer">
|
|
</div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="right-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="right-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_right"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="right-arrow-button" class="style-scope ytd-horizontal-card-list-renderer"
|
|
hidden=""></div>
|
|
</div>
|
|
</div>
|
|
</ytd-horizontal-card-list-renderer>
|
|
</div>
|
|
</ytd-structured-description-content-renderer>
|
|
</div>
|
|
<div id="footer" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
</ytd-engagement-panel-section-list-renderer>
|
|
<ytd-engagement-panel-section-list-renderer class="style-scope ytd-watch-flexy" sheets-refresh=""
|
|
modern-panels="" target-id="engagement-panel-comments-section"
|
|
visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-engagement-panel-title-header-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer" modern-panels="">
|
|
<!--css-build:shady-->
|
|
<div id="banner" aria-hidden="true"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="ads-info-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
<div id="header" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<div id="navigation-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<yt-img-shadow id="icon"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer no-transition" hidden="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="">
|
|
</yt-img-shadow>
|
|
<div id="title-container" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<h2 id="title" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
aria-label="Comments 9">
|
|
<yt-formatted-string id="title-text" ellipsis-truncate=""
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
ellipsis-truncate-styling="" title="Comments">Comments</yt-formatted-string>
|
|
<yt-formatted-string id="contextual-info"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer">9</yt-formatted-string>
|
|
</h2>
|
|
<div id="subtitle-complex" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="action-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="information-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="menu" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<yt-sort-filter-sub-menu-renderer
|
|
class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-tooltip class="style-scope yt-sort-filter-sub-menu-renderer" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
<yt-dropdown-menu class="style-scope yt-sort-filter-sub-menu-renderer has-items"
|
|
modern-buttons="" modern-dialogs="" rounded-container="">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-menu-button dynamic-align="" class="style-scope yt-dropdown-menu"
|
|
role="group" aria-haspopup="true" horizontal-align="left" vertical-align="top"
|
|
aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<div id="trigger" class="style-scope tp-yt-paper-menu-button">
|
|
<tp-yt-paper-button id="label"
|
|
class="dropdown-trigger style-scope yt-dropdown-menu" slot="dropdown-trigger"
|
|
aria-expanded="false" style-target="host" role="button" tabindex="0" animated=""
|
|
elevation="0" aria-disabled="false" aria-label="Sort comments">
|
|
<!--css-build:shady-->
|
|
|
|
<yt-icon id="label-icon" class="style-scope yt-dropdown-menu"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path d="M21,6H3V5h18V6z M15,11H3v1h12V11z M9,17H3v1h6V17z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
<div id="icon-label" class="style-scope yt-dropdown-menu"> </div>
|
|
<dom-if class="style-scope yt-dropdown-menu"><template is="dom-if"></template>
|
|
</dom-if>
|
|
<dom-if class="style-scope yt-dropdown-menu"><template is="dom-if"></template>
|
|
</dom-if>
|
|
</tp-yt-paper-button>
|
|
</div>
|
|
|
|
<tp-yt-iron-dropdown id="dropdown" class="style-scope tp-yt-paper-menu-button"
|
|
horizontal-align="left" vertical-align="top" aria-disabled="false"
|
|
aria-hidden="true" style="outline: none; display: none;">
|
|
<!--css-build:shady-->
|
|
<div id="contentWrapper" class="style-scope tp-yt-iron-dropdown">
|
|
<div slot="dropdown-content"
|
|
class="dropdown-content style-scope tp-yt-paper-menu-button">
|
|
<tp-yt-paper-listbox id="menu"
|
|
class="dropdown-content style-scope yt-dropdown-menu"
|
|
slot="dropdown-content" role="listbox" tabindex="0">
|
|
<!--css-build:shady-->
|
|
|
|
<a class="yt-simple-endpoint style-scope yt-dropdown-menu iron-selected"
|
|
aria-selected="true" tabindex="0">
|
|
<tp-yt-paper-item class="style-scope yt-dropdown-menu" style-target="host"
|
|
role="option" tabindex="0" aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-item-body class="style-scope yt-dropdown-menu">
|
|
<!--css-build:shady-->
|
|
<div class="item style-scope yt-dropdown-menu">Top comments</div>
|
|
<div secondary="" id="subtitle" class="style-scope yt-dropdown-menu"
|
|
hidden="">
|
|
|
|
</div>
|
|
|
|
</tp-yt-paper-item-body>
|
|
<yt-reload-continuation class="style-scope yt-dropdown-menu">
|
|
</yt-reload-continuation>
|
|
|
|
</tp-yt-paper-item>
|
|
</a>
|
|
|
|
<a class="yt-simple-endpoint style-scope yt-dropdown-menu" tabindex="-1"
|
|
aria-selected="false">
|
|
<tp-yt-paper-item class="style-scope yt-dropdown-menu" style-target="host"
|
|
role="option" tabindex="0" aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-item-body class="style-scope yt-dropdown-menu">
|
|
<!--css-build:shady-->
|
|
<div class="item style-scope yt-dropdown-menu">Newest first</div>
|
|
<div secondary="" id="subtitle" class="style-scope yt-dropdown-menu"
|
|
hidden="">
|
|
|
|
</div>
|
|
|
|
</tp-yt-paper-item-body>
|
|
<yt-reload-continuation class="style-scope yt-dropdown-menu">
|
|
</yt-reload-continuation>
|
|
|
|
</tp-yt-paper-item>
|
|
</a>
|
|
<dom-repeat id="repeat" class="style-scope yt-dropdown-menu"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
|
|
</tp-yt-paper-listbox>
|
|
</div>
|
|
</div>
|
|
</tp-yt-iron-dropdown>
|
|
</tp-yt-paper-menu-button>
|
|
</yt-dropdown-menu>
|
|
</yt-sort-filter-sub-menu-renderer>
|
|
</div>
|
|
<div id="visibility-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Close" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-engagement-panel-title-header-renderer>
|
|
</div>
|
|
<div id="content" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-section-list-renderer class="style-scope ytd-engagement-panel-section-list-renderer"
|
|
engagement-panel="" panel-target-id="engagement-panel-comments-section">
|
|
<!--css-build:shady-->
|
|
<div id="header-container" class="style-scope ytd-section-list-renderer">
|
|
<div id="header" class="style-scope ytd-section-list-renderer"></div>
|
|
<div id="sub-menu" class="style-scope ytd-section-list-renderer"></div>
|
|
</div>
|
|
<div id="contents" class="style-scope ytd-section-list-renderer">
|
|
<ytd-comments class="style-scope ytd-section-list-renderer" engagement-panel="">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-spinner-lite class="style-scope ytd-comments" aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class="active cooldown style-scope tp-yt-paper-spinner-lite">
|
|
<div class="spinner-layer style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner-lite>
|
|
<ytd-item-section-renderer id="sections" initial-count="2"
|
|
class="style-scope ytd-comments" section-identifier="comment-item-section">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-item-section-renderer"></div>
|
|
<div id="spinner-container" class="style-scope ytd-item-section-renderer">
|
|
<tp-yt-paper-spinner-lite class="style-scope ytd-item-section-renderer"
|
|
aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner-lite">
|
|
<div class="spinner-layer style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner-lite>
|
|
</div>
|
|
<div id="contents" class="style-scope ytd-item-section-renderer">
|
|
<ytd-continuation-item-renderer class="style-scope ytd-item-section-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="ghost-cards" class="style-scope ytd-continuation-item-renderer"></div>
|
|
<tp-yt-paper-spinner id="spinner" class="style-scope ytd-continuation-item-renderer"
|
|
aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner">
|
|
<div class="spinner-layer layer-1 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-2 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-3 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-4 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner>
|
|
<div id="button" class="style-scope ytd-continuation-item-renderer" hidden=""></div>
|
|
</ytd-continuation-item-renderer>
|
|
</div>
|
|
<div id="continuations" class="style-scope ytd-item-section-renderer"></div>
|
|
</ytd-item-section-renderer>
|
|
</ytd-comments>
|
|
</div>
|
|
<div id="continuations" class="style-scope ytd-section-list-renderer"></div>
|
|
</ytd-section-list-renderer>
|
|
</div>
|
|
<div id="footer" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
</ytd-engagement-panel-section-list-renderer>
|
|
<ytd-engagement-panel-section-list-renderer class="style-scope ytd-watch-flexy" sheets-refresh=""
|
|
modern-panels="" target-id="engagement-panel-searchable-transcript"
|
|
visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-engagement-panel-title-header-renderer
|
|
class="style-scope ytd-engagement-panel-section-list-renderer" modern-panels="">
|
|
<!--css-build:shady-->
|
|
<div id="banner" aria-hidden="true"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"></div>
|
|
<div id="ads-info-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
<div id="header" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<div id="navigation-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<yt-img-shadow id="icon"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer no-transition" hidden="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="">
|
|
</yt-img-shadow>
|
|
<div id="title-container" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<h2 id="title" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
aria-label="Transcript">
|
|
<yt-formatted-string id="title-text" ellipsis-truncate=""
|
|
class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
ellipsis-truncate-styling="" title="Transcript">Transcript</yt-formatted-string>
|
|
<yt-formatted-string id="contextual-info"
|
|
class="style-scope ytd-engagement-panel-title-header-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h2>
|
|
<div id="subtitle-complex" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="action-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="information-button" class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
hidden=""></div>
|
|
<div id="menu" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="More actions">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden=""></yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="visibility-button" class="style-scope ytd-engagement-panel-title-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-engagement-panel-title-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Close transcript" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-engagement-panel-title-header-renderer>
|
|
</div>
|
|
<div id="content" class="style-scope ytd-engagement-panel-section-list-renderer">
|
|
<ytd-continuation-item-renderer class="style-scope ytd-engagement-panel-section-list-renderer"
|
|
panel-target-id="engagement-panel-searchable-transcript">
|
|
<!--css-build:shady-->
|
|
<div id="ghost-cards" class="style-scope ytd-continuation-item-renderer"></div>
|
|
<tp-yt-paper-spinner id="spinner" class="style-scope ytd-continuation-item-renderer"
|
|
aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner">
|
|
<div class="spinner-layer layer-1 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-2 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-3 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-4 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner>
|
|
<div id="button" class="style-scope ytd-continuation-item-renderer" hidden=""></div>
|
|
</ytd-continuation-item-renderer>
|
|
</div>
|
|
<div id="footer" class="style-scope ytd-engagement-panel-section-list-renderer"></div>
|
|
</ytd-engagement-panel-section-list-renderer>
|
|
</div>
|
|
<dom-if restamp="" id="chat-template" class="style-scope ytd-watch-flexy"><template
|
|
is="dom-if"></template></dom-if>
|
|
<div id="donation-shelf" class="style-scope ytd-watch-flexy"></div>
|
|
<ytd-playlist-panel-renderer id="playlist" class="style-scope ytd-watch-flexy" docked-panel-next=""
|
|
js-panel-height="" chevron-tap-target-size="" modern-panels="" hidden="" collapsible=""
|
|
is-dark-theme="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-playlist-panel-renderer">
|
|
<div class="header style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-contents" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-top-row" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="header-description" class="style-scope ytd-playlist-panel-renderer">
|
|
<h3 class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="title style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" link-inherit-color="" is-empty="" ellipsis-truncate-styling=""
|
|
title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<h3 id="next-video-title" class="style-scope ytd-playlist-panel-renderer" hidden=""><span
|
|
id="next-label" class="style-scope ytd-playlist-panel-renderer"></span>
|
|
<yt-formatted-string ellipsis-truncate=""
|
|
class="style-scope ytd-playlist-panel-renderer" is-empty=""
|
|
ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</h3>
|
|
<div id="publisher-container" class="style-scope ytd-playlist-panel-renderer">
|
|
<yt-formatted-string class="byline-title style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" hidden="" is-empty="" ellipsis-truncate-styling="" title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-playlist-panel-renderer"
|
|
disable-upgrade="" hidden=""></ytd-badge-supported-renderer>
|
|
<yt-formatted-string class="publisher style-scope ytd-playlist-panel-renderer"
|
|
ellipsis-truncate="" link-inherit-color="" is-empty="" ellipsis-truncate-styling=""
|
|
title="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div class="index-message-wrapper style-scope ytd-playlist-panel-renderer"><span
|
|
class="index-message style-scope ytd-playlist-panel-renderer">NaN / NaN</span>
|
|
<yt-formatted-string class="index-message style-scope ytd-playlist-panel-renderer"
|
|
respecthtmldir="" hidden="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="top-row-buttons" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<yt-icon-button id="expand-button" toggleable=""
|
|
class="style-scope ytd-playlist-panel-renderer">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Expand">
|
|
<yt-icon id="expand-icon" class="style-scope ytd-playlist-panel-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</div>
|
|
<div id="playlist-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="start-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="playlist-action-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
<div id="save-button" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
<div id="end-actions" class="style-scope ytd-playlist-panel-renderer">
|
|
<div id="overflow-menu" class="style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content-header" class="style-scope ytd-playlist-panel-renderer" hidden=""></div>
|
|
<div id="items" class="playlist-items style-scope ytd-playlist-panel-renderer"></div>
|
|
</div>
|
|
</ytd-playlist-panel-renderer>
|
|
<div id="alerts" class="style-scope ytd-watch-flexy"></div>
|
|
<div id="messages" class="style-scope ytd-watch-flexy"></div>
|
|
<div id="clarify-box" class="attached-message style-scope ytd-watch-flexy"></div>
|
|
<div id="limited-state" class="attached-message style-scope ytd-watch-flexy"></div>
|
|
<ytd-watch-metadata is-watch-flexy="" class="watch-active-metadata style-scope ytd-watch-flexy"
|
|
modern-metapanel="" modern-metapanel-order="" attached-subscribe="" clickable-description=""
|
|
full-width-description="" video-id="srtMWzyqdp8" flex-menu-enabled="" description-collapsed=""
|
|
actions-on-separate-line="">
|
|
<!--css-build:shady-->
|
|
<div id="above-the-fold" class="style-scope ytd-watch-metadata">
|
|
<div id="title" class="style-scope ytd-watch-metadata">
|
|
<ytd-badge-supported-renderer class="style-scope ytd-watch-metadata" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<a class="yt-simple-endpoint style-scope ytd-watch-metadata"
|
|
hidden="[[!videoPrimaryInfoRenderer.superTitleIcon || hasMetamove]]">
|
|
<yt-icon id="super-title-icon" icon="yt-icons:location_pin"
|
|
class="style-scope ytd-watch-metadata"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,3c3.31,0,6,2.69,6,6c0,3.83-4.25,9.36-6,11.47C9.82,17.86,6,12.54,6,9C6,5.69,8.69,3,12,3 M12,2C8.13,2,5,5.13,5,9 c0,5.25,7,13,7,13s7-7.75,7-13C19,5.13,15.87,2,12,2L12,2z M12,7c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,7,12,7 M12,6 c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S13.66,6,12,6L12,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</a>
|
|
<yt-formatted-string id="super-title" force-default-style=""
|
|
class="style-scope ytd-watch-metadata" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<h1 class="style-scope ytd-watch-metadata">
|
|
<yt-formatted-string force-default-style="" class="style-scope ytd-watch-metadata">ElixirConf
|
|
2016 - Keynote by José Valim</yt-formatted-string>
|
|
</h1>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-watch-metadata" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="original-info" class="style-scope ytd-watch-metadata" hidden=""><span
|
|
dir="auto" class="style-scope yt-formatted-string bold" style-target="bold">14K
|
|
views</span><span dir="auto" class="style-scope yt-formatted-string bold"
|
|
style-target="bold"> </span><span dir="auto" class="style-scope yt-formatted-string bold"
|
|
style-target="bold">6 years ago</span></yt-formatted-string>
|
|
</div>
|
|
|
|
<div id="top-row" class="style-scope ytd-watch-metadata">
|
|
<div id="owner" class="item style-scope ytd-watch-metadata">
|
|
<ytd-video-owner-renderer watch-metadata-refresh="" class="style-scope ytd-watch-metadata"
|
|
modern-metapanel="">
|
|
<!--css-build:shady--><a class="yt-simple-endpoint style-scope ytd-video-owner-renderer"
|
|
tabindex="-1" href="/c/Confreaks">
|
|
<yt-img-shadow id="avatar" class="style-scope ytd-video-owner-renderer no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow"
|
|
alt="" width="40"
|
|
src="https://yt3.ggpht.com/ytc/AMLnZu8rre_1kTc05kqpPD3mqclqG_hVBJuK5grFmIHSfA=s88-c-k-c0x00ffffff-no-rj">
|
|
</yt-img-shadow>
|
|
</a>
|
|
<div id="upload-info" class="style-scope ytd-video-owner-renderer">
|
|
<ytd-channel-name id="channel-name" class="style-scope ytd-video-owner-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name complex-string" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="" has-link-only_=""><a
|
|
class="yt-simple-endpoint style-scope yt-formatted-string" spellcheck="false"
|
|
href="/c/Confreaks" dir="auto">Confreaks</a></yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" class="style-scope ytd-channel-name"
|
|
role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Confreaks
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<yt-formatted-string id="owner-sub-count" class="style-scope ytd-video-owner-renderer"
|
|
aria-label="41.3K subscribers">41.3K subscribers</yt-formatted-string>
|
|
</div>
|
|
<div id="purchase-button" class="style-scope ytd-video-owner-renderer" hidden=""></div>
|
|
<div id="sponsor-button" class="style-scope ytd-video-owner-renderer"></div>
|
|
<div id="analytics-button" class="style-scope ytd-video-owner-renderer"></div>
|
|
</ytd-video-owner-renderer>
|
|
<div id="subscribe-button" class="style-scope ytd-watch-metadata">
|
|
<ytd-subscribe-button-renderer class="style-scope ytd-watch-metadata"
|
|
use-keyboard-focused="" modern="">
|
|
<!--css-build:shady-->
|
|
<yt-button-shape version="modern" class="style-scope ytd-subscribe-button-renderer">
|
|
<button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--filled yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m "
|
|
aria-label="Subscribe to Confreaks." style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Subscribe</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response-inverse"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button>
|
|
</yt-button-shape>
|
|
<tp-yt-paper-button noink="" class="style-scope ytd-subscribe-button-renderer" hidden=""
|
|
style-target="host" role="button" tabindex="0" animated="" elevation="0"
|
|
aria-disabled="false" aria-label="Subscribe to Confreaks.">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string class="style-scope ytd-subscribe-button-renderer">Subscribe
|
|
</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
<div id="notification-preference-toggle-button"
|
|
class="style-scope ytd-subscribe-button-renderer" hidden=""></div>
|
|
<div id="notification-preference-button" class="style-scope ytd-subscribe-button-renderer"
|
|
hidden="">
|
|
<ytd-subscription-notification-toggle-button-renderer
|
|
class="style-scope ytd-subscribe-button-renderer style-text size-default"
|
|
use-keyboard-focused="" button-renderer="true" is-icon-button="" has-no-text=""><a
|
|
class="yt-simple-endpoint style-scope ytd-subscription-notification-toggle-button-renderer"
|
|
tabindex="-1">
|
|
<yt-icon-button id="button"
|
|
class="style-scope ytd-subscription-notification-toggle-button-renderer style-text size-default">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Current setting is personalized notifications. Tap to change your notification setting for Confreaks">
|
|
<yt-icon
|
|
class="style-scope ytd-subscription-notification-toggle-button-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M10,20h4c0,1.1-0.9,2-2,2S10,21.1,10,20z M20,17.35V19H4v-1.65l2-1.88v-5.15c0-2.92,1.56-5.22,4-5.98V3.96 c0-1.42,1.49-2.5,2.99-1.76C13.64,2.52,14,3.23,14,3.96l0,0.39c2.44,0.75,4,3.06,4,5.98v5.15L20,17.35z M19,17.77l-2-1.88v-5.47 c0-2.47-1.19-4.36-3.13-5.1c-1.26-0.53-2.64-0.5-3.84,0.03C8.15,6.11,7,7.99,7,10.42v5.47l-2,1.88V18h14V17.77z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</a></ytd-subscription-notification-toggle-button-renderer>
|
|
</div>
|
|
</ytd-subscribe-button-renderer>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="actions" class="item style-scope ytd-watch-metadata">
|
|
<div id="actions-inner" class="style-scope ytd-watch-metadata">
|
|
<div id="menu" class="style-scope ytd-watch-metadata">
|
|
<ytd-menu-renderer class="style-scope ytd-watch-metadata" tonal-override="" has-items="2"
|
|
has-flexible-items="">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer">
|
|
<ytd-segmented-like-dislike-button-renderer class="style-scope ytd-menu-renderer"
|
|
button-renderer="true">
|
|
<!--css-build:shady-->
|
|
<div id="segmented-like-button"
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer">
|
|
<ytd-toggle-button-renderer
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading yt-spec-button-shape-next--segmented-start "
|
|
aria-pressed="false"
|
|
aria-label="like this video along with 245 other people" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;">
|
|
<yt-animated-icon class="style-scope yt-icon" animated-icon-type="LIKE">
|
|
<!--css-build:shady-->
|
|
<ytd-lottie-player class="style-scope yt-animated-icon">
|
|
<lottie-component class="lottie-component"></lottie-component>
|
|
</ytd-lottie-player>
|
|
</yt-animated-icon>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">245</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
I like this
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
<div id="segmented-dislike-button"
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer">
|
|
<ytd-toggle-button-renderer
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button yt-spec-button-shape-next--segmented-end "
|
|
aria-pressed="false" aria-label="Dislike this video" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M17,4h-1H6.57C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21 c0.58,0,1.14-0.24,1.52-0.65L17,14h4V4H17z M10.4,19.67C10.21,19.88,9.92,20,9.62,20c-0.26,0-0.5-0.11-0.63-0.3 c-0.07-0.1-0.15-0.26-0.09-0.47l1.52-4.94l0.4-1.29H9.46H5.23c-0.41,0-0.8-0.17-1.03-0.46c-0.12-0.15-0.25-0.4-0.18-0.72l1.34-6 C5.46,5.35,5.97,5,6.57,5H16v8.61L10.4,19.67z M20,13h-3V5h3V13z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
I dislike this
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-segmented-like-dislike-button-renderer>
|
|
<ytd-button-renderer class="style-scope ytd-menu-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Share</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Share
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer">
|
|
<ytd-download-button-renderer class="style-scope ytd-menu-renderer"
|
|
button-renderer="true">
|
|
<!--css-build:shady-->
|
|
<ytd-button-renderer class="style-scope ytd-download-button-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M17 18V19H6V18H17ZM16.5 11.4L15.8 10.7L12 14.4V4H11V14.4L7.2 10.6L6.5 11.3L11.5 16.3L16.5 11.4Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Download</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Download
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</ytd-download-button-renderer>
|
|
<ytd-button-renderer class="style-scope ytd-menu-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
aria-label="Save to playlist" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M22,13h-4v4h-2v-4h-4v-2h4V7h2v4h4V13z M14,7H2v1h12V7z M2,12h8v-1H2V12z M2,16h8v-1H2V16z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Save</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Save
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button" hidden="">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="More actions">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer"><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button "
|
|
style="" aria-label="More actions">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<ytd-sentiment-bar-renderer id="sentiment" class="style-scope ytd-watch-metadata" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-sentiment-bar-renderer">
|
|
<div id="like-bar" class="style-scope ytd-sentiment-bar-renderer"></div>
|
|
</div>
|
|
<tp-yt-paper-tooltip position="top" class="style-scope ytd-sentiment-bar-renderer"
|
|
role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip" style-target="tooltip">
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-sentiment-bar-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="bottom-row" class="style-scope ytd-watch-metadata">
|
|
<div id="description" class="item style-scope ytd-watch-metadata">
|
|
<div id="description-inner" class="style-scope ytd-watch-metadata">
|
|
<div id="info-container" class="style-scope ytd-watch-metadata">
|
|
<yt-formatted-string id="info" class="style-scope ytd-watch-metadata"><span dir="auto"
|
|
class="style-scope yt-formatted-string bold" style-target="bold">14K views</span><span
|
|
dir="auto" class="style-scope yt-formatted-string bold" style-target="bold">
|
|
</span><span dir="auto" class="style-scope yt-formatted-string bold"
|
|
style-target="bold">6 years ago</span></yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip for="info" class="style-scope ytd-watch-metadata" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip" style-target="tooltip">
|
|
14,358 views • Sep 27, 2016
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
<ytd-text-inline-expander id="description-inline-expander"
|
|
class="style-scope ytd-watch-metadata">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope ytd-text-inline-expander" disable-upgrade=""
|
|
hidden=""></yt-attributed-string>
|
|
<yt-formatted-string disable-attributed-string="" split-lines=""
|
|
class="style-scope ytd-text-inline-expander" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div id="snippet" class="style-scope ytd-text-inline-expander"
|
|
style="overflow: hidden; max-height: 6rem;"><span id="snippet-text"
|
|
class="style-scope ytd-text-inline-expander"><span id="plain-snippet-text"
|
|
class="style-scope ytd-text-inline-expander">Keynote by José Valim</span>
|
|
<yt-attributed-string id="attributed-snippet-text"
|
|
class="style-scope ytd-text-inline-expander" disable-upgrade="" hidden="">
|
|
</yt-attributed-string>
|
|
<yt-formatted-string id="formatted-snippet-text" disable-attributed-string=""
|
|
class="style-scope ytd-text-inline-expander" hidden="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</span><span class="style-scope ytd-text-inline-expander"> </span><span
|
|
id="ellipsis" class="style-scope ytd-text-inline-expander" hidden="">…</span>
|
|
<tp-yt-paper-button id="expand-sizer"
|
|
class="button style-scope ytd-text-inline-expander" style-target="host" role="button"
|
|
tabindex="0" animated="" elevation="0" aria-disabled="false">
|
|
<!--css-build:shady-->...more
|
|
</tp-yt-paper-button>
|
|
</div>
|
|
<tp-yt-paper-button id="expand" class="button style-scope ytd-text-inline-expander"
|
|
style-target="host" role="button" tabindex="0" animated="" elevation="0"
|
|
aria-disabled="false" style="left: 145px;">
|
|
<!--css-build:shady-->...more
|
|
</tp-yt-paper-button>
|
|
<div slot="extra-content" class="style-scope ytd-watch-metadata">
|
|
<ytd-structured-description-content-renderer id="structured-description"
|
|
inline-structured-description="" class="style-scope ytd-watch-metadata">
|
|
<!--css-build:shady-->
|
|
<div id="items" class="style-scope ytd-structured-description-content-renderer">
|
|
<ytd-horizontal-card-list-renderer
|
|
class="style-scope ytd-structured-description-content-renderer" at-start=""
|
|
inline-structured-description=""
|
|
card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"
|
|
modern-chapters="" can-show-more="">
|
|
<!--css-build:shady-->
|
|
<div id="header-container" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<h2 id="header" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<ytd-rich-list-header-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" is-modern-sd="">
|
|
<!--css-build:shady-->
|
|
<div class="title-row style-scope ytd-rich-list-header-renderer">
|
|
<div id="avatar" class="style-scope ytd-rich-list-header-renderer"></div>
|
|
|
|
<div id="title-text" class="style-scope ytd-rich-list-header-renderer">
|
|
<yt-formatted-string id="title"
|
|
class="style-scope ytd-rich-list-header-renderer">Chapters
|
|
</yt-formatted-string>
|
|
<yt-formatted-string id="subtitle"
|
|
class="style-scope ytd-rich-list-header-renderer" hidden=""
|
|
is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<ytd-badge-supported-renderer id="featured-badge"
|
|
class="style-scope ytd-rich-list-header-renderer" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="title-annotation"
|
|
class="style-scope ytd-rich-list-header-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div id="information-button"
|
|
class="style-scope ytd-rich-list-header-renderer" hidden=""></div>
|
|
<div id="navigation-button"
|
|
class="style-scope ytd-rich-list-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-rich-list-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--call-to-action yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content">
|
|
<span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">View all</span>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style="">
|
|
</div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style="">
|
|
</div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8"
|
|
disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-rich-list-header-renderer>
|
|
</h2>
|
|
<div id="sort-filter" class="style-scope ytd-horizontal-card-list-renderer">
|
|
</div>
|
|
<div id="header-button" class="style-scope ytd-horizontal-card-list-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="shelf-container" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="left-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer"
|
|
hidden="">
|
|
<div id="left-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_left"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M14.6,18.4L8.3,12l6.4-6.4l0.7,0.7L9.7,12l5.6,5.6L14.6,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="left-arrow-button"
|
|
class="style-scope ytd-horizontal-card-list-renderer" hidden=""></div>
|
|
</div>
|
|
<div id="scroll-container" class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="touch-action: pan-y;">
|
|
<div id="items" class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="transform: translateX(0px);">
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;"
|
|
active="">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=6s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum">Platinum</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum" hidden="">Platinum</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">0:06</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=13s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard">Lanyard</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard" hidden="">Lanyard</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">0:13</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=360s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n">roses are red\n violets
|
|
are blue\n</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n" hidden="">roses are red\n
|
|
violets are blue\n</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">6:00</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=510s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")">File.read("really
|
|
large file")</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")" hidden="">
|
|
File.read("really large file")</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">8:30</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=963s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats">Flow stats</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats" hidden="">Flow stats</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">16:03</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=998s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics">Topics</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics" hidden="">Topics</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">16:38</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1136s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven">GenStage: Demand-driven</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven" hidden="">GenStage: Demand-driven
|
|
</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">18:56</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded="" modern=""
|
|
layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1666s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5">max_demand: 10, min_demand: 5
|
|
</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5" hidden="">max_demand: 10,
|
|
min_demand: 5</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">27:46</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="right-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="right-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_right"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="right-arrow-button"
|
|
class="style-scope ytd-horizontal-card-list-renderer" hidden=""></div>
|
|
</div>
|
|
</div>
|
|
</ytd-horizontal-card-list-renderer>
|
|
</div>
|
|
</ytd-structured-description-content-renderer>
|
|
<ytd-metadata-row-container-renderer class="style-scope ytd-watch-metadata">
|
|
<!--css-build:shady-->
|
|
<div id="always-shown" class="style-scope ytd-metadata-row-container-renderer"></div>
|
|
<div id="collapsible" class="style-scope ytd-metadata-row-container-renderer">
|
|
<ytd-metadata-row-renderer class="style-scope ytd-metadata-row-container-renderer">
|
|
<!--css-build:shady-->
|
|
<h4 id="title" class="style-scope ytd-metadata-row-renderer">
|
|
<yt-formatted-string class="style-scope ytd-metadata-row-renderer">License
|
|
</yt-formatted-string>
|
|
</h4>
|
|
<div id="content" class="style-scope ytd-metadata-row-renderer">
|
|
|
|
<yt-formatted-string
|
|
class="content content-line-height-override style-scope ytd-metadata-row-renderer"
|
|
has-link-only_=""><a
|
|
class="yt-simple-endpoint style-scope yt-formatted-string"
|
|
spellcheck="false" href="https://www.youtube.com/t/creative_commons"
|
|
dir="auto">Creative Commons Attribution license (reuse allowed)</a>
|
|
</yt-formatted-string>
|
|
<dom-repeat class="style-scope ytd-metadata-row-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
</ytd-metadata-row-renderer>
|
|
</div>
|
|
</ytd-metadata-row-container-renderer>
|
|
</div>
|
|
<tp-yt-paper-button id="collapse" class="button style-scope ytd-text-inline-expander"
|
|
hidden="" style-target="host" role="button" tabindex="0" animated="" elevation="0"
|
|
aria-disabled="false">
|
|
<!--css-build:shady-->Show less
|
|
</tp-yt-paper-button>
|
|
</ytd-text-inline-expander>
|
|
<yt-interaction id="description-interaction"
|
|
class="rounded-large style-scope ytd-watch-metadata">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="comment-teaser" class="item style-scope ytd-watch-metadata" hidden="">
|
|
<ytd-comments-entry-point-header-renderer class="style-scope ytd-watch-metadata"
|
|
modern-metapanel="" role="button" tabindex="0">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-comments-entry-point-header-renderer">
|
|
<div id="title" class="style-scope ytd-comments-entry-point-header-renderer">Comments
|
|
</div>
|
|
<div id="count" class="style-scope ytd-comments-entry-point-header-renderer">9</div>
|
|
</div>
|
|
<div id="content" class="style-scope ytd-comments-entry-point-header-renderer">
|
|
<div id="simplebox" class="style-scope ytd-comments-entry-point-header-renderer"
|
|
hidden="">
|
|
<yt-img-shadow
|
|
class="avatar style-scope ytd-comments-entry-point-header-renderer no-transition">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="24" height="24">
|
|
</yt-img-shadow>
|
|
<div id="simplebox-input" class="style-scope ytd-comments-entry-point-header-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="teaser" class="style-scope ytd-comments-entry-point-header-renderer" hidden="">
|
|
<yt-img-shadow
|
|
class="avatar style-scope ytd-comments-entry-point-header-renderer no-transition"
|
|
hidden="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="24" height="24">
|
|
</yt-img-shadow>
|
|
<div id="teaser-text" class="style-scope ytd-comments-entry-point-header-renderer">
|
|
</div>
|
|
</div>
|
|
<yt-formatted-string id="message"
|
|
class="style-scope ytd-comments-entry-point-header-renderer" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div id="content-renderer" class="style-scope ytd-comments-entry-point-header-renderer">
|
|
<ytd-comments-simplebox-renderer
|
|
class="style-scope ytd-comments-entry-point-header-renderer" modern-metapanel="">
|
|
<!--css-build:shady-->
|
|
<div id="simplebox" class="style-scope ytd-comments-simplebox-renderer">
|
|
<yt-img-shadow
|
|
class="avatar style-scope ytd-comments-simplebox-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="24" height="24">
|
|
</yt-img-shadow>
|
|
<div id="simplebox-input" class="style-scope ytd-comments-simplebox-renderer">Add a
|
|
comment...</div>
|
|
</div>
|
|
</ytd-comments-simplebox-renderer>
|
|
</div>
|
|
</div>
|
|
<yt-icon id="chevron" icon="yt-icons:chevron_right"
|
|
class="style-scope ytd-comments-entry-point-header-renderer" hidden=""><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</ytd-comments-entry-point-header-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ytd-metadata-row-container-renderer class="style-scope ytd-watch-metadata">
|
|
<!--css-build:shady-->
|
|
<div id="always-shown" class="style-scope ytd-metadata-row-container-renderer"></div>
|
|
<div id="collapsible" class="style-scope ytd-metadata-row-container-renderer"></div>
|
|
</ytd-metadata-row-container-renderer>
|
|
</ytd-watch-metadata>
|
|
<div class=" style-scope ytd-watch-flexy">
|
|
<div id="info" class="style-scope ytd-watch-flexy">
|
|
<div id="info-skeleton" class="watch-skeleton style-scope ytd-watch-flexy">
|
|
<div id="primary-info" class="skeleton-light-border-bottom">
|
|
<div id="title" class="text-shell skeleton-bg-color"></div>
|
|
<div id="info">
|
|
<div id="count" class="text-shell skeleton-bg-color"></div>
|
|
<div class="flex-1"></div>
|
|
<div id="menu">
|
|
<div class="menu-button skeleton-bg-color"></div>
|
|
<div class="menu-button skeleton-bg-color"></div>
|
|
<div class="menu-button skeleton-bg-color"></div>
|
|
<div class="menu-button skeleton-bg-color"></div>
|
|
<div class="menu-button skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="info-contents" class="style-scope ytd-watch-flexy" hidden="">
|
|
<ytd-video-primary-info-renderer class="style-scope ytd-watch-flexy" has-date-text=""
|
|
flex-menu-enabled="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-video-primary-info-renderer">
|
|
<ytd-badge-supported-renderer class="style-scope ytd-video-primary-info-renderer"
|
|
disable-upgrade="" hidden=""></ytd-badge-supported-renderer><a
|
|
class="yt-simple-endpoint style-scope ytd-video-primary-info-renderer" hidden="">
|
|
<yt-icon class="super-title-icon style-scope ytd-video-primary-info-renderer"
|
|
icon="yt-icons:location_pin"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,3c3.31,0,6,2.69,6,6c0,3.83-4.25,9.36-6,11.47C9.82,17.86,6,12.54,6,9C6,5.69,8.69,3,12,3 M12,2C8.13,2,5,5.13,5,9 c0,5.25,7,13,7,13s7-7.75,7-13C19,5.13,15.87,2,12,2L12,2z M12,7c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,7,12,7 M12,6 c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S13.66,6,12,6L12,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</a>
|
|
<yt-formatted-string class="super-title style-scope ytd-video-primary-info-renderer"
|
|
force-default-style="" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<h1 class="title style-scope ytd-video-primary-info-renderer">
|
|
<yt-formatted-string force-default-style=""
|
|
class="style-scope ytd-video-primary-info-renderer">ElixirConf 2016 - Keynote by José
|
|
Valim</yt-formatted-string>
|
|
</h1>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-video-primary-info-renderer"
|
|
disable-upgrade="" hidden=""></ytd-badge-supported-renderer>
|
|
<div id="info" class="style-scope ytd-video-primary-info-renderer">
|
|
<div id="info-text" class="style-scope ytd-video-primary-info-renderer">
|
|
<div id="count" class="style-scope ytd-video-primary-info-renderer">
|
|
<ytd-video-view-count-renderer class="style-scope ytd-video-primary-info-renderer"
|
|
small="">
|
|
<!--css-build:shady--><span
|
|
class="view-count style-scope ytd-video-view-count-renderer">14,358
|
|
views</span><span
|
|
class="short-view-count style-scope ytd-video-view-count-renderer">14K
|
|
views</span>
|
|
</ytd-video-view-count-renderer>
|
|
</div>
|
|
<div id="info-strings" class="style-scope ytd-video-primary-info-renderer"><span
|
|
id="dot" class="style-scope ytd-video-primary-info-renderer"></span>
|
|
<yt-formatted-string class="style-scope ytd-video-primary-info-renderer">Sep 27, 2016
|
|
</yt-formatted-string>
|
|
<dom-repeat class="style-scope ytd-video-primary-info-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="flex" class="style-scope ytd-video-primary-info-renderer"></div>
|
|
<div id="menu-container" class="style-scope ytd-video-primary-info-renderer">
|
|
<div id="menu" class="style-scope ytd-video-primary-info-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-video-primary-info-renderer"
|
|
tonal-override="" has-items="2" has-flexible-items="">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer">
|
|
<ytd-segmented-like-dislike-button-renderer class="style-scope ytd-menu-renderer"
|
|
button-renderer="true">
|
|
<!--css-build:shady-->
|
|
<div id="segmented-like-button"
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer">
|
|
<ytd-toggle-button-renderer
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading yt-spec-button-shape-next--segmented-start "
|
|
aria-pressed="false"
|
|
aria-label="like this video along with 245 other people" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;">
|
|
<yt-animated-icon class="style-scope yt-icon"
|
|
animated-icon-type="LIKE">
|
|
<!--css-build:shady-->
|
|
<ytd-lottie-player class="style-scope yt-animated-icon">
|
|
<lottie-component class="lottie-component"></lottie-component>
|
|
</ytd-lottie-player>
|
|
</yt-animated-icon>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">245</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
I like this
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
<div id="segmented-dislike-button"
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer">
|
|
<ytd-toggle-button-renderer
|
|
class="style-scope ytd-segmented-like-dislike-button-renderer"
|
|
button-renderer="true">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button yt-spec-button-shape-next--segmented-end "
|
|
aria-pressed="false" aria-label="Dislike this video" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M17,4h-1H6.57C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21 c0.58,0,1.14-0.24,1.52-0.65L17,14h4V4H17z M10.4,19.67C10.21,19.88,9.92,20,9.62,20c-0.26,0-0.5-0.11-0.63-0.3 c-0.07-0.1-0.15-0.26-0.09-0.47l1.52-4.94l0.4-1.29H9.46H5.23c-0.41,0-0.8-0.17-1.03-0.46c-0.12-0.15-0.25-0.4-0.18-0.72l1.34-6 C5.46,5.35,5.97,5,6.57,5H16v8.61L10.4,19.67z M20,13h-3V5h3V13z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
I dislike this
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-toggle-button-renderer>
|
|
</div>
|
|
</ytd-segmented-like-dislike-button-renderer>
|
|
<ytd-button-renderer class="style-scope ytd-menu-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
aria-label="Share" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M15,5.63L20.66,12L15,18.37V15v-1h-1c-3.96,0-7.14,1-9.75,3.09c1.84-4.07,5.11-6.4,9.89-7.1L15,9.86V9V5.63 M14,3v6 C6.22,10.13,3.11,15.33,2,21c2.78-3.97,6.44-6,12-6v6l8-9L14,3L14,3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Share</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Share
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer">
|
|
<ytd-download-button-renderer class="style-scope ytd-menu-renderer"
|
|
button-renderer="true">
|
|
<!--css-build:shady-->
|
|
<ytd-button-renderer class="style-scope ytd-download-button-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M17 18V19H6V18H17ZM16.5 11.4L15.8 10.7L12 14.4V4H11V14.4L7.2 10.6L6.5 11.3L11.5 16.3L16.5 11.4Z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Download</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Download
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</ytd-download-button-renderer>
|
|
<ytd-button-renderer class="style-scope ytd-menu-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-leading "
|
|
aria-label="Save to playlist" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M22,13h-4v4h-2v-4h-4v-2h4V7h2v4h4V13z M14,7H2v1h12V7z M2,12h8v-1H2V12z M2,16h8v-1H2V16z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Save</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Save
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button" hidden="">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="More actions">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer"><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--tonal yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button "
|
|
aria-label="More actions" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<ytd-sentiment-bar-renderer id="sentiment"
|
|
class="style-scope ytd-video-primary-info-renderer" system-icons="" hidden="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-sentiment-bar-renderer">
|
|
<div id="like-bar" class="style-scope ytd-sentiment-bar-renderer"></div>
|
|
</div>
|
|
<tp-yt-paper-tooltip position="top" class="style-scope ytd-sentiment-bar-renderer"
|
|
role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-sentiment-bar-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ytd-video-primary-info-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="meta" class="style-scope ytd-watch-flexy">
|
|
<div id="meta-skeleton" class="watch-skeleton style-scope ytd-watch-flexy">
|
|
<div id="secondary-info" class="skeleton-light-border-bottom">
|
|
<div id="top-row">
|
|
<div id="video-owner" class="flex-1">
|
|
<div id="channel-icon" class="skeleton-bg-color"></div>
|
|
<div id="upload-info" class="flex-1">
|
|
<div id="owner-name" class="text-shell skeleton-bg-color"></div>
|
|
<div id="published-date" class="text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
<div id="subscribe-button" class="skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="meta-contents" class="style-scope ytd-watch-flexy" hidden="">
|
|
<ytd-video-secondary-info-renderer class="style-scope ytd-watch-flexy">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-video-secondary-info-renderer">
|
|
<div id="top-row" class="style-scope ytd-video-secondary-info-renderer">
|
|
<ytd-video-owner-renderer class="style-scope ytd-video-secondary-info-renderer"
|
|
modern-metapanel="">
|
|
<!--css-build:shady--><a class="yt-simple-endpoint style-scope ytd-video-owner-renderer"
|
|
tabindex="-1" href="/c/Confreaks">
|
|
<yt-img-shadow id="avatar"
|
|
class="style-scope ytd-video-owner-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="40">
|
|
</yt-img-shadow>
|
|
</a>
|
|
<div id="upload-info" class="style-scope ytd-video-owner-renderer">
|
|
<ytd-channel-name id="channel-name" class="style-scope ytd-video-owner-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" has-link-only_=""><a
|
|
class="yt-simple-endpoint style-scope yt-formatted-string"
|
|
spellcheck="false" href="/c/Confreaks" dir="auto">Confreaks</a>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" class="style-scope ytd-channel-name"
|
|
role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Confreaks
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<yt-formatted-string id="owner-sub-count" class="style-scope ytd-video-owner-renderer"
|
|
aria-label="41.3K subscribers">41.3K subscribers</yt-formatted-string><span
|
|
class="date style-scope ytd-video-secondary-info-renderer" slot="date"></span>
|
|
</div>
|
|
<div id="purchase-button" class="style-scope ytd-video-owner-renderer" hidden=""></div>
|
|
<div id="sponsor-button" class="style-scope ytd-video-owner-renderer"></div>
|
|
<div id="analytics-button" class="style-scope ytd-video-owner-renderer"></div>
|
|
</ytd-video-owner-renderer>
|
|
<div id="subscribe-button" class="style-scope ytd-video-secondary-info-renderer">
|
|
<ytd-subscribe-button-renderer class="style-scope ytd-video-secondary-info-renderer"
|
|
use-keyboard-focused="" modern="">
|
|
<!--css-build:shady-->
|
|
<yt-button-shape version="modern" class="style-scope ytd-subscribe-button-renderer">
|
|
<button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--filled yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m "
|
|
aria-label="Subscribe to Confreaks." style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Subscribe</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response-inverse"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button>
|
|
</yt-button-shape>
|
|
<tp-yt-paper-button noink="" class="style-scope ytd-subscribe-button-renderer"
|
|
hidden="" style-target="host" role="button" tabindex="0" animated="" elevation="0"
|
|
aria-disabled="false" aria-label="Subscribe to Confreaks.">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string class="style-scope ytd-subscribe-button-renderer">Subscribe
|
|
</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
<div id="notification-preference-toggle-button"
|
|
class="style-scope ytd-subscribe-button-renderer" hidden=""></div>
|
|
<div id="notification-preference-button"
|
|
class="style-scope ytd-subscribe-button-renderer" hidden="">
|
|
<ytd-subscription-notification-toggle-button-renderer
|
|
class="style-scope ytd-subscribe-button-renderer style-text size-default"
|
|
use-keyboard-focused="" button-renderer="true" is-icon-button="" has-no-text=""><a
|
|
class="yt-simple-endpoint style-scope ytd-subscription-notification-toggle-button-renderer"
|
|
tabindex="-1">
|
|
<yt-icon-button id="button"
|
|
class="style-scope ytd-subscription-notification-toggle-button-renderer style-text size-default">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Current setting is personalized notifications. Tap to change your notification setting for Confreaks">
|
|
<yt-icon
|
|
class="style-scope ytd-subscription-notification-toggle-button-renderer">
|
|
<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M10,20h4c0,1.1-0.9,2-2,2S10,21.1,10,20z M20,17.35V19H4v-1.65l2-1.88v-5.15c0-2.92,1.56-5.22,4-5.98V3.96 c0-1.42,1.49-2.5,2.99-1.76C13.64,2.52,14,3.23,14,3.96l0,0.39c2.44,0.75,4,3.06,4,5.98v5.15L20,17.35z M19,17.77l-2-1.88v-5.47 c0-2.47-1.19-4.36-3.13-5.1c-1.26-0.53-2.64-0.5-3.84,0.03C8.15,6.11,7,7.99,7,10.42v5.47l-2,1.88V18h14V17.77z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
</a></ytd-subscription-notification-toggle-button-renderer>
|
|
</div>
|
|
</ytd-subscribe-button-renderer>
|
|
</div>
|
|
</div>
|
|
<ytd-expander class="style-scope ytd-video-secondary-info-renderer" collapsed=""
|
|
style="--ytd-expander-collapsed-height:60px;">
|
|
<!--css-build:shady-->
|
|
<div id="content" class="style-scope ytd-expander">
|
|
|
|
<div id="description" slot="content"
|
|
class="style-scope ytd-video-secondary-info-renderer">
|
|
<yt-attributed-string class="content style-scope ytd-video-secondary-info-renderer"
|
|
disable-upgrade="" hidden=""></yt-attributed-string>
|
|
<yt-formatted-string class="content style-scope ytd-video-secondary-info-renderer"
|
|
force-default-style="" split-lines="">Keynote by José Valim</yt-formatted-string>
|
|
<ytd-structured-description-content-renderer
|
|
class="style-scope ytd-video-secondary-info-renderer"
|
|
inline-structured-description="" hidden="">
|
|
<!--css-build:shady-->
|
|
<div id="items" class="style-scope ytd-structured-description-content-renderer">
|
|
<ytd-horizontal-card-list-renderer
|
|
class="style-scope ytd-structured-description-content-renderer" at-start=""
|
|
inline-structured-description=""
|
|
card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"
|
|
modern-chapters="" can-show-more="">
|
|
<!--css-build:shady-->
|
|
<div id="header-container"
|
|
class="style-scope ytd-horizontal-card-list-renderer">
|
|
<h2 id="header" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<ytd-rich-list-header-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" is-modern-sd="">
|
|
<!--css-build:shady-->
|
|
<div class="title-row style-scope ytd-rich-list-header-renderer">
|
|
<div id="avatar" class="style-scope ytd-rich-list-header-renderer">
|
|
</div>
|
|
|
|
<div id="title-text" class="style-scope ytd-rich-list-header-renderer">
|
|
<yt-formatted-string id="title"
|
|
class="style-scope ytd-rich-list-header-renderer">Chapters
|
|
</yt-formatted-string>
|
|
<yt-formatted-string id="subtitle"
|
|
class="style-scope ytd-rich-list-header-renderer" hidden=""
|
|
is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<dom-if class="style-scope ytd-rich-list-header-renderer"><template
|
|
is="dom-if"></template></dom-if>
|
|
<ytd-badge-supported-renderer id="featured-badge"
|
|
class="style-scope ytd-rich-list-header-renderer" disable-upgrade=""
|
|
hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<yt-formatted-string id="title-annotation"
|
|
class="style-scope ytd-rich-list-header-renderer" is-empty=""
|
|
hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
<div id="information-button"
|
|
class="style-scope ytd-rich-list-header-renderer" hidden=""></div>
|
|
<div id="navigation-button"
|
|
class="style-scope ytd-rich-list-header-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-rich-list-header-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--call-to-action yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div
|
|
class="cbox yt-spec-button-shape-next--button-text-content">
|
|
<span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">View all</span>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style="">
|
|
</div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style="">
|
|
</div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8"
|
|
disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-rich-list-header-renderer>
|
|
</h2>
|
|
<div id="sort-filter" class="style-scope ytd-horizontal-card-list-renderer">
|
|
</div>
|
|
<div id="header-button" class="style-scope ytd-horizontal-card-list-renderer">
|
|
</div>
|
|
</div>
|
|
<div id="shelf-container" class="style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="left-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer"
|
|
hidden="">
|
|
<div id="left-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_left"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M14.6,18.4L8.3,12l6.4-6.4l0.7,0.7L9.7,12l5.6,5.6L14.6,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="left-arrow-button"
|
|
class="style-scope ytd-horizontal-card-list-renderer" hidden=""></div>
|
|
</div>
|
|
<div id="scroll-container"
|
|
class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="touch-action: pan-y;">
|
|
<div id="items" class="style-scope ytd-horizontal-card-list-renderer"
|
|
style="transform: translateX(0px);">
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;"
|
|
active="">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=6s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum">Platinum</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Platinum" hidden="">Platinum</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">0:06
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=13s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard">Lanyard</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Lanyard" hidden="">Lanyard</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">0:13
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=360s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n">roses are red\n violets
|
|
are blue\n</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="roses are red\n violets are blue\n" hidden="">roses are
|
|
red\n violets are blue\n</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">6:00
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=510s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")">File.read("really
|
|
large file")</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="File.read("really large file")" hidden="">
|
|
File.read("really large file")</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">8:30
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=963s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats">Flow stats</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Flow stats" hidden="">Flow stats</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">16:03
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=998s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics">Topics</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="Topics" hidden="">Topics</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">16:38
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1136s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven">GenStage: Demand-driven</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="GenStage: Demand-driven" hidden="">GenStage: Demand-driven
|
|
</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">18:56
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
<ytd-macro-markers-list-item-renderer
|
|
class="style-scope ytd-horizontal-card-list-renderer" rounded=""
|
|
modern="" layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"
|
|
carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_DEFAULT"
|
|
style="--ytd-macro-markers-list-item-background-color: initial; --ytd-macro-markers-list-item-title-color: initial; --ytd-macro-markers-list-item-secondary-color: initial; --ytd-macro-markers-list-item-timestamp-background-color: initial;">
|
|
<!--css-build:shady--><a id="endpoint"
|
|
class="yt-simple-endpoint style-scope ytd-macro-markers-list-item-renderer"
|
|
draggable="false" href="/watch?v=srtMWzyqdp8&t=1666s">
|
|
<div id="active-indicator"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="thumbnail"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<yt-img-shadow object-fit="FILL"
|
|
class="style-scope ytd-macro-markers-list-item-renderer no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="">
|
|
</yt-img-shadow>
|
|
</div>
|
|
<div id="details"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">
|
|
<h4
|
|
class="macro-markers style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5">max_demand: 10, min_demand:
|
|
5</h4>
|
|
<h4
|
|
class="problem-walkthroughs style-scope ytd-macro-markers-list-item-renderer"
|
|
title="max_demand: 10, min_demand: 5" hidden="">max_demand: 10,
|
|
min_demand: 5</h4>
|
|
<div id="time"
|
|
class="style-scope ytd-macro-markers-list-item-renderer">27:46
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="share-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
<div id="repeat-button"
|
|
class="style-scope ytd-macro-markers-list-item-renderer"></div>
|
|
</ytd-macro-markers-list-item-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="right-arrow-container"
|
|
class="arrow-container style-scope ytd-horizontal-card-list-renderer">
|
|
<div id="right-arrow"
|
|
class="arrow center-aligned style-scope ytd-horizontal-card-list-renderer">
|
|
<yt-icon icon="yt-icons:chevron_right"
|
|
class="style-scope ytd-horizontal-card-list-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path
|
|
d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<div id="right-arrow-button"
|
|
class="style-scope ytd-horizontal-card-list-renderer" hidden=""></div>
|
|
</div>
|
|
</div>
|
|
</ytd-horizontal-card-list-renderer>
|
|
</div>
|
|
</ytd-structured-description-content-renderer>
|
|
</div>
|
|
</div>
|
|
<ytd-metadata-row-container-renderer
|
|
class="sticky style-scope ytd-video-secondary-info-renderer" slot="sticky">
|
|
<!--css-build:shady-->
|
|
<div id="always-shown" class="style-scope ytd-metadata-row-container-renderer"></div>
|
|
<div id="collapsible" class="style-scope ytd-metadata-row-container-renderer" hidden="">
|
|
</div>
|
|
</ytd-metadata-row-container-renderer>
|
|
<tp-yt-paper-button id="less" aria-expanded="true" noink=""
|
|
class="style-scope ytd-expander" hidden="" style-target="host" role="button"
|
|
tabindex="0" animated="" elevation="0" aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string class="less-button style-scope ytd-video-secondary-info-renderer"
|
|
slot="less-button" role="button">Show less</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
<tp-yt-paper-button id="more" aria-expanded="false" noink=""
|
|
class="style-scope ytd-expander" style-target="host" role="button" tabindex="0"
|
|
animated="" elevation="0" aria-disabled="false">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string class="more-button style-scope ytd-video-secondary-info-renderer"
|
|
slot="more-button" role="button">...more</yt-formatted-string>
|
|
</tp-yt-paper-button>
|
|
|
|
</ytd-expander>
|
|
</div>
|
|
</ytd-video-secondary-info-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ticket-shelf" class="style-scope ytd-watch-flexy"></div>
|
|
|
|
<dom-if restamp="" id="merch-shelf" class="style-scope ytd-watch-flexy"><template
|
|
is="dom-if"></template></dom-if>
|
|
<div id="related" class="style-scope ytd-watch-flexy">
|
|
<div id="player-ads" class="style-scope ytd-watch-flexy">
|
|
<ytd-player-legacy-desktop-watch-ads-renderer class="style-scope ytd-watch-flexy">
|
|
<!--css-build:shady-->
|
|
<ytd-companion-legal-text-renderer
|
|
class="style-scope ytd-player-legacy-desktop-watch-ads-renderer" disable-upgrade="" hidden="">
|
|
</ytd-companion-legal-text-renderer>
|
|
<ytd-companion-slot-renderer class="style-scope ytd-player-legacy-desktop-watch-ads-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="companion" class="style-scope ytd-companion-slot-renderer"></div>
|
|
</ytd-companion-slot-renderer>
|
|
</ytd-player-legacy-desktop-watch-ads-renderer>
|
|
</div>
|
|
<ytd-watch-next-secondary-results-renderer class="style-scope ytd-watch-flexy"
|
|
style="--yt-img-shadow-placeholder-color:var(--yt-spec-10-percent-layer); --yt-img-shadow-min-height:100%; --yt-img-shadow-min-width:100%;">
|
|
<!--css-build:shady-->
|
|
<div id="offer-module" class="style-scope ytd-watch-next-secondary-results-renderer"></div>
|
|
<div id="items" class="style-scope ytd-watch-next-secondary-results-renderer">
|
|
<yt-related-chip-cloud-renderer class="style-scope ytd-watch-next-secondary-results-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="content" class="style-scope yt-related-chip-cloud-renderer">
|
|
<yt-chip-cloud-renderer class="style-scope yt-related-chip-cloud-renderer" at-start=""
|
|
darker-dark-theme="" id="" is-dark-theme="" at-end="">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope yt-chip-cloud-renderer">
|
|
<div id="left-arrow" class="style-scope yt-chip-cloud-renderer">
|
|
<div id="left-arrow-button" class="style-scope yt-chip-cloud-renderer">
|
|
<ytd-button-renderer class="style-scope yt-chip-cloud-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Previous" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M14.6,18.4L8.3,12l6.4-6.4l0.7,0.7L9.7,12l5.6,5.6L14.6,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
<div id="scroll-container" class="style-scope yt-chip-cloud-renderer"
|
|
style="touch-action: pan-y;">
|
|
<iron-selector id="chips" activate-event="" role="tablist"
|
|
selected-attribute="selected" class="style-scope yt-chip-cloud-renderer"
|
|
style="transform: translateX(0px);">
|
|
<yt-chip-cloud-chip-renderer
|
|
class="style-scope yt-chip-cloud-renderer iron-selected" modern-chips=""
|
|
aria-selected="true" role="tab" tabindex="0" chip-style="STYLE_DEFAULT"
|
|
selected="">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="All">All</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Computer programming">Computer programming</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Lectures">Lectures</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Lessons">Lessons</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Listenable">Listenable</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Related">Related</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
<yt-chip-cloud-chip-renderer class="style-scope yt-chip-cloud-renderer"
|
|
modern-chips="" aria-selected="false" role="tab" tabindex="0"
|
|
chip-style="STYLE_DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-formatted-string id="text" ellipsis-truncate=""
|
|
class="style-scope yt-chip-cloud-chip-renderer" ellipsis-truncate-styling=""
|
|
title="Recently uploaded">Recently uploaded</yt-formatted-string>
|
|
</yt-chip-cloud-chip-renderer>
|
|
</iron-selector>
|
|
</div>
|
|
<div id="right-arrow" class="style-scope yt-chip-cloud-renderer">
|
|
<div id="right-arrow-button" class="style-scope yt-chip-cloud-renderer">
|
|
<ytd-button-renderer class="style-scope yt-chip-cloud-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-only-default "
|
|
aria-label="Next" style="">
|
|
<div class="yt-spec-button-shape-next__icon" aria-hidden="true">
|
|
<yt-icon style="width: 24px; height: 24px;"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g mirror-in-rtl="" class="style-scope yt-icon">
|
|
<path d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</yt-chip-cloud-renderer>
|
|
</div>
|
|
</yt-related-chip-cloud-renderer>
|
|
<ytd-item-section-renderer class="style-scope ytd-watch-next-secondary-results-renderer"
|
|
section-identifier="sid-wn-chips">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-item-section-renderer"></div>
|
|
<div id="spinner-container" class="style-scope ytd-item-section-renderer">
|
|
<tp-yt-paper-spinner-lite class="style-scope ytd-item-section-renderer" aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner-lite">
|
|
<div class="spinner-layer style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner-lite>
|
|
</div>
|
|
<div id="contents" class="style-scope ytd-item-section-renderer">
|
|
<ytd-compact-promoted-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" has-new-ad-badge="">
|
|
<!--css-build:shady-->
|
|
<ytd-thumbnail class="style-scope ytd-compact-promoted-video-renderer" size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="null"
|
|
href="https://www.googleadservices.com/pagead/aclk?sa=L&ai=CJZTaYSZpY7u9K6q1nMwP4bWq-Abvs-fmbL_or6mLEbaQHxABIABgya7XiZSkmBOCARdjYS1wdWItNjIxOTgxMTc0NzA0OTM3MaABjJ-k8QKoAwSqBIMDT9Be3vfgdYASgbZpVxeS4XFC10BMU1rgT1rhPQhVGfarvQE4OdOS60XOMqEoPxKIVO1Z2GbnUw2VSeE4276ClPhBa7J0LWycT1JKXML02iietgmsDblxcK-jpCo939Z6V6pm_cLkxQEfcua3h3xeZLD_6jWFFuUjPpaHDjIEeWYJJInqJAyYkrwqdvay6zq7yEV6GEAnq5JfZUbNXz3V_e0-6Q1w8RzM6yAOCysTySldQs4x1XkFOvJ0tbB9WfHUrRR5DQxmo9C0ro6siDmdg5sHz3Nu8XjRXVO1r-N7K9M3jk4Zm6VmEeyUPazt1jxUciwIW3FcfwIQV5ijZnma84yqoBURmxZyvynsqmKEMibhEfevJ0Lq4cSQ71fob0_CBoZlM2wJyxDWh_YQIDSPSGnGT8PgXuMrR-cRycWgfDCJ_DYro3R8oFSlJ8Ay8GLPL3eWuIR17mMuqZlngkyU-ebzR_6vm_fvRx3JwtyYxc6Jb1m36CnrErG6PFTECfMwoKR5kgUMCBIwqojb85GBxcAQkgUKCBNoAnjt5PmOAaAGVYAH3ODbjgGIBwGQBwKoB4QIqAeo0huoB7YHqAfgzxuoB-nUG6gHjM0bqAex3BuoB6SasQKoB5GfsQKoB7CbsQKoB9-hsQKoB4HGG6gH1c4bqAerxRuoB5zcG6gH5p2xAqgHyJ-xAqgHt6GxAqgH1amxApIIC0VJRVVDUjUyeENvqAgB0ggUCIBAEAIYADICgAI6B4CAgICAgATyCB9jYS15dC1ob3N0LXB1Yi0xNTI3MDk5MDg2OTU4NTUysQkOZfmrlrx53sgJF8gJjwGYCwGhC-E39TG6W7NNugs1CAEQBRgGIAYoATAGQAFIAFgLYABoAHABiAEAmAEBogELCgCQAgKoAgXAAgLYAQGAAgGIAgfQCxO4DAGaDQETuBP___________8BsBQBwBWBgIBA0BUB2BUBgBcBihcKCAMYASgBMAE4AaAXAQ&num=1&cid=CAESD-D271FBAKStAvozDf8bkA&ad_cpn=%5BCPN%5D&sig=AOD64_2aD7ppj4lgQ9lt8avpDyvMEvZ1PA&adurl=https://www.youtube.com/watch%3Fv%3DEIEUCR52xCo&ctype=21&video_id=EIEUCR52xCo&client=ca-pub-6219811747049371">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i2.ytimg.com/vi/EIEUCR52xCo/0.jpg">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail"></div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-promoted-video-renderer">
|
|
<a id="endpoint-link"
|
|
class="yt-simple-endpoint style-scope ytd-compact-promoted-video-renderer"
|
|
href="https://www.googleadservices.com/pagead/aclk?sa=L&ai=CJZTaYSZpY7u9K6q1nMwP4bWq-Abvs-fmbL_or6mLEbaQHxABIABgya7XiZSkmBOCARdjYS1wdWItNjIxOTgxMTc0NzA0OTM3MaABjJ-k8QKoAwSqBIMDT9Be3vfgdYASgbZpVxeS4XFC10BMU1rgT1rhPQhVGfarvQE4OdOS60XOMqEoPxKIVO1Z2GbnUw2VSeE4276ClPhBa7J0LWycT1JKXML02iietgmsDblxcK-jpCo939Z6V6pm_cLkxQEfcua3h3xeZLD_6jWFFuUjPpaHDjIEeWYJJInqJAyYkrwqdvay6zq7yEV6GEAnq5JfZUbNXz3V_e0-6Q1w8RzM6yAOCysTySldQs4x1XkFOvJ0tbB9WfHUrRR5DQxmo9C0ro6siDmdg5sHz3Nu8XjRXVO1r-N7K9M3jk4Zm6VmEeyUPazt1jxUciwIW3FcfwIQV5ijZnma84yqoBURmxZyvynsqmKEMibhEfevJ0Lq4cSQ71fob0_CBoZlM2wJyxDWh_YQIDSPSGnGT8PgXuMrR-cRycWgfDCJ_DYro3R8oFSlJ8Ay8GLPL3eWuIR17mMuqZlngkyU-ebzR_6vm_fvRx3JwtyYxc6Jb1m36CnrErG6PFTECfMwoKR5kgUMCBIwqojb85GBxcAQkgUKCBNoAnjt5PmOAaAGVYAH3ODbjgGIBwGQBwKoB4QIqAeo0huoB7YHqAfgzxuoB-nUG6gHjM0bqAex3BuoB6SasQKoB5GfsQKoB7CbsQKoB9-hsQKoB4HGG6gH1c4bqAerxRuoB5zcG6gH5p2xAqgHyJ-xAqgHt6GxAqgH1amxApIIC0VJRVVDUjUyeENvqAgB0ggUCIBAEAIYADICgAI6B4CAgICAgATyCB9jYS15dC1ob3N0LXB1Yi0xNTI3MDk5MDg2OTU4NTUysQkOZfmrlrx53sgJF8gJjwGYCwGhC-E39TG6W7NNugs1CAEQBRgGIAYoATAGQAFIAFgLYABoAHABiAEAmAEBogELCgCQAgKoAgXAAgLYAQGAAgGIAgfQCxO4DAGaDQETuBP___________8BsBQBwBWBgIBA0BUB2BUBgBcBihcKCAMYASgBMAE4AaAXAQ&num=1&cid=CAESD-D271FBAKStAvozDf8bkA&ad_cpn=%5BCPN%5D&sig=AOD64_2aD7ppj4lgQ9lt8avpDyvMEvZ1PA&adurl=https://www.youtube.com/watch%3Fv%3DEIEUCR52xCo&ctype=21&video_id=EIEUCR52xCo&client=ca-pub-6219811747049371">
|
|
<h3 class="style-scope ytd-compact-promoted-video-renderer">
|
|
<ytd-badge-supported-renderer
|
|
class="style-scope ytd-compact-promoted-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class="style-scope ytd-compact-promoted-video-renderer"
|
|
title="Need steady energy to get through your morning? Rise & Thrive with belVita Breakfast Biscuits.">
|
|
Need steady energy to get through your morning? Rise & Thrive with belVita
|
|
Breakfast Biscuits.
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-promoted-video-renderer">
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-promoted-video-renderer byline-separated">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name" class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name complex-string"
|
|
ellipsis-truncate="" ellipsis-truncate-styling="" has-link-only_=""><a
|
|
class="yt-simple-endpoint style-scope yt-formatted-string"
|
|
spellcheck="false" href="/user/belVita" dir="auto">belVita</a>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
belVita
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info" class="style-scope ytd-video-meta-block"
|
|
is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">1.5M
|
|
views</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
<div id="ad-badge-container"
|
|
class="style-scope ytd-compact-promoted-video-renderer">
|
|
<ytd-badge-supported-renderer id="ad-badge"
|
|
class="style-scope ytd-compact-promoted-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-ad-stark style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">Ad</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
<div id="ad-badge-new" class="style-scope ytd-compact-promoted-video-renderer">
|
|
<ytd-badge-supported-renderer
|
|
class="style-scope ytd-compact-promoted-video-renderer" system-icons=""
|
|
no-dot-ad-badge="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-ad-stark style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">Ad</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div id="menu" class="style-scope ytd-compact-promoted-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-promoted-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
</div>
|
|
</ytd-compact-promoted-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=IzFmNQGzApQ">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/IzFmNQGzApQ/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCh194tqHQsEAM3-FaTlDob6SdzbQ">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="55 minutes, 3 seconds">
|
|
55:03
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=IzFmNQGzApQ">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="José Valim - Keynote: Announcing Broadway - ElixirConf EU 2019 by Code Sync 3 years ago 55 minutes 15,530 views"
|
|
title="José Valim - Keynote: Announcing Broadway - ElixirConf EU 2019">
|
|
José Valim - Keynote: Announcing Broadway - ElixirConf EU 2019
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">15K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=_lBnAB_ClFs">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/_lBnAB_ClFs/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARg-ICIofzAP&rs=AOn4CLDgMRZ1FXH_WJTvYWlHof21psRiDQ">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="38 minutes, 31 seconds">
|
|
38:31
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=_lBnAB_ClFs">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - Mark Ericksen - Going Global with a Normal Phoenix App by ElixirConf 16 hours ago 38 minutes 214 views"
|
|
title="ElixirConf 2022 - Mark Ericksen - Going Global with a Normal Phoenix App">
|
|
ElixirConf 2022 - Mark Ericksen - Going Global with a Normal Phoenix App
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">214
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=t46L9RKmlNo">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/t46L9RKmlNo/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLAAZFR-8ZBmhEiC_bR4hCa4Bfk9KQ">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="39 minutes, 15 seconds">
|
|
39:15
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=t46L9RKmlNo">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="John Mertens - Lessons From Our First Trillion Messages with Flow - ElixirConf EU 2019 by Code Sync 3 years ago 39 minutes 3,286 views"
|
|
title="John Mertens - Lessons From Our First Trillion Messages with Flow - ElixirConf EU 2019">
|
|
John Mertens - Lessons From Our First Trillion Messages with Flow - ElixirConf
|
|
EU 2019
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3.2K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=mOeONt6Hkf8">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/mOeONt6Hkf8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARg8ICgofzAP&rs=AOn4CLCGAMoWVfrezviK6rh-PKHeW8g6BQ">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="38 minutes, 57 seconds">
|
|
38:57
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=mOeONt6Hkf8">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - David Bernheisel - Ecto in Production: Migration Edition by ElixirConf 16 hours ago 38 minutes 282 views"
|
|
title="ElixirConf 2022 - David Bernheisel - Ecto in Production: Migration Edition">
|
|
ElixirConf 2022 - David Bernheisel - Ecto in Production: Migration Edition
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">282
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-radio-renderer class="style-scope ytd-item-section-renderer use-ellipsis"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-radio-renderer">
|
|
<ytd-thumbnail height="94" use-hovered-property=""
|
|
class="style-scope ytd-compact-radio-renderer" size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="null"
|
|
href="/watch?v=srtMWzyqdp8&list=RDCMUCWnPjmqvljcafA0z2U1fwKQ&start_radio=1&rv=srtMWzyqdp8">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/srtMWzyqdp8/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCRP_isBtIVqs_r-qo3N4c3bz_zRw">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-bottom-panel-renderer class="style-scope ytd-thumbnail"
|
|
style="background-color: rgba(88, 78, 89, 0.8);">
|
|
<!--css-build:shady-->
|
|
<yt-icon class="style-scope ytd-thumbnail-overlay-bottom-panel-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M10.5,14.41V9.6l4.17,2.4L10.5,14.41z M8.48,8.45L7.77,7.75C6.68,8.83,6,10.34,6,12s0.68,3.17,1.77,4.25l0.71-0.71 C7.57,14.64,7,13.39,7,12S7.57,9.36,8.48,8.45z M16.23,7.75l-0.71,0.71C16.43,9.36,17,10.61,17,12s-0.57,2.64-1.48,3.55l0.71,0.71 C17.32,15.17,18,13.66,18,12S17.32,8.83,16.23,7.75z M5.65,5.63L4.95,4.92C3.13,6.73,2,9.24,2,12s1.13,5.27,2.95,7.08l0.71-0.71 C4.02,16.74,3,14.49,3,12S4.02,7.26,5.65,5.63z M19.05,4.92l-0.71,0.71C19.98,7.26,21,9.51,21,12s-1.02,4.74-2.65,6.37l0.71,0.71 C20.87,17.27,22,14.76,22,12S20.87,6.73,19.05,4.92z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
<yt-formatted-string
|
|
class="style-scope ytd-thumbnail-overlay-bottom-panel-renderer" is-empty="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</ytd-thumbnail-overlay-bottom-panel-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-radio-renderer">
|
|
<div class="metadata style-scope ytd-compact-radio-renderer">
|
|
<a id="title" class="yt-simple-endpoint style-scope ytd-compact-radio-renderer"
|
|
href="/watch?v=srtMWzyqdp8&list=RDCMUCWnPjmqvljcafA0z2U1fwKQ&start_radio=1&rv=srtMWzyqdp8">
|
|
<h3 class="style-scope ytd-compact-radio-renderer">
|
|
<ytd-badge-supported-renderer class="style-scope ytd-compact-radio-renderer"
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class="style-scope ytd-compact-radio-renderer"
|
|
title="Mix - Confreaks">
|
|
Mix - Confreaks
|
|
</span>
|
|
</h3>
|
|
<ytd-video-meta-block class="compact style-scope ytd-compact-radio-renderer"
|
|
no-endpoints="" radio-meta="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class="long-byline style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name">More from this channel for you
|
|
</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
More from this channel for you
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
</a>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-radio-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-radio-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-radio-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-radio-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-radio-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=krbriAecqUk">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/krbriAecqUk/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhEIB4ofzAP&rs=AOn4CLB1iJmZS_kXaKFJCoXNywmn929s1Q">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="28 minutes, 14 seconds">
|
|
28:14
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=krbriAecqUk">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - Owen Bickford - WebAuthn + LiveView by ElixirConf 16 hours ago 28 minutes 266 views"
|
|
title="ElixirConf 2022 - Owen Bickford - WebAuthn + LiveView">
|
|
ElixirConf 2022 - Owen Bickford - WebAuthn + LiveView
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">266
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=B4rOG9Bc65Q">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/B4rOG9Bc65Q/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA3Ox8dH8VDac470IwERuwtTjnh-w">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="52 minutes, 59 seconds">
|
|
52:59
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=B4rOG9Bc65Q">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Idioms for Building Distributed Fault-tolerant Applications with Elixir • José Valim • GOTO 2014 by GOTO Conferences 7 years ago 52 minutes 11,856 views"
|
|
title="Idioms for Building Distributed Fault-tolerant Applications with Elixir • José Valim • GOTO 2014">
|
|
Idioms for Building Distributed Fault-tolerant Applications with Elixir • José
|
|
Valim • GOTO 2014
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block class="compact style-scope ytd-compact-video-renderer"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">GOTO Conferences
|
|
</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
GOTO Conferences
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-verified style-scope ytd-badge-supported-renderer"
|
|
aria-label="Verified">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10C22,6.5,17.5,2,12,2z M9.8,17.3l-4.2-4.1L7,11.8l2.8,2.7L17,7.4 l1.4,1.4L9.8,17.3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer"></span>
|
|
<tp-yt-paper-tooltip position="top"
|
|
class="style-scope ytd-badge-supported-renderer" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Verified
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">11K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">7
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=ycpNi701aCs">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition"
|
|
style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168"
|
|
src="https://i.ytimg.com/vi/ycpNi701aCs/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLD-Y5w9zkWBYE7jOpo1GNwmCSg-ig">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="42 minutes, 5 seconds">
|
|
42:05
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=ycpNi701aCs">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2018 - Architecting Flow in Elixir From Leveraging Pipes... - René Föhring by ElixirConf 4 years ago 42 minutes 4,443 views"
|
|
title="ElixirConf 2018 - Architecting Flow in Elixir From Leveraging Pipes... - René Föhring">
|
|
ElixirConf 2018 - Architecting Flow in Elixir From Leveraging Pipes... - René
|
|
Föhring
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">4.4K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">4
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=GVSRi9Ki8d8">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="38 minutes, 25 seconds">
|
|
38:25
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=GVSRi9Ki8d8">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Devon Estes - Comparing common concurrency patterns in Elixir and Erlang - Lambda Days 2020 by Code Sync 2 years ago 38 minutes 2,911 views"
|
|
title="Devon Estes - Comparing common concurrency patterns in Elixir and Erlang - Lambda Days 2020">
|
|
Devon Estes - Comparing common concurrency patterns in Elixir and Erlang -
|
|
Lambda Days 2020
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">2.9K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">2
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=4VfPvCI901c">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="31 minutes, 50 seconds">
|
|
31:50
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=4VfPvCI901c">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - Kip Cole - Time algebra: a new way to think about and work with time by ElixirConf 16 hours ago 31 minutes 331 views"
|
|
title="ElixirConf 2022 - Kip Cole - Time algebra: a new way to think about and work with time">
|
|
ElixirConf 2022 - Kip Cole - Time algebra: a new way to think about and work
|
|
with time
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">331
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=ZOExnT1PYjs">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="1 hour, 3 minutes, 27 seconds">
|
|
1:03:27
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=ZOExnT1PYjs">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="José Valim - KEYNOTE: Announcing Broadway | Code BEAM SF 19 by Code Sync 3 years ago 1 hour, 3 minutes 5,968 views"
|
|
title="José Valim - KEYNOTE: Announcing Broadway | Code BEAM SF 19">
|
|
José Valim - KEYNOTE: Announcing Broadway | Code BEAM SF 19
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">5.9K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=9OM0jSTeeBg">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="13 minutes, 22 seconds">
|
|
13:22
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=9OM0jSTeeBg">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Bell's Inequality: The weirdest theorem in the world | Nobel Prize 2022 by Qiskit 4 weeks ago 13 minutes, 22 seconds 964,725 views"
|
|
title="Bell's Inequality: The weirdest theorem in the world | Nobel Prize 2022">
|
|
Bell's Inequality: The weirdest theorem in the world | Nobel Prize 2022
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Qiskit</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Qiskit
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">964K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">4
|
|
weeks ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=l0QS_iXlQto">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="29 minutes, 1 second">
|
|
29:01
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=l0QS_iXlQto">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - Kevin Hoffman - In Production with Elixir, Rust, and WebAssembly by ElixirConf 16 hours ago 29 minutes 333 views"
|
|
title="ElixirConf 2022 - Kevin Hoffman - In Production with Elixir, Rust, and WebAssembly">
|
|
ElixirConf 2022 - Kevin Hoffman - In Production with Elixir, Rust, and
|
|
WebAssembly
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">333
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=6U7cLUygMeI">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="39 minutes, 52 seconds">
|
|
39:52
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=6U7cLUygMeI">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Dave Thomas: Keynote by EMPEX Conference 4 years ago 39 minutes 13,289 views"
|
|
title="Dave Thomas: Keynote">
|
|
Dave Thomas: Keynote
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">EMPEX Conference
|
|
</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
EMPEX Conference
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">13K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">4
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=c0KNKbrd9A4">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="41 minutes, 15 seconds">
|
|
41:15
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=c0KNKbrd9A4">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Tetiana Dushenkivska - Keynote - Confident Elixir | Code Elixir LDN 19 by Code Sync 3 years ago 41 minutes 1,729 views"
|
|
title="Tetiana Dushenkivska - Keynote - Confident Elixir | Code Elixir LDN 19">
|
|
Tetiana Dushenkivska - Keynote - Confident Elixir | Code Elixir LDN 19
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">1.7K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=suOzNeMJXl0">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="57 minutes, 55 seconds">
|
|
57:55
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=suOzNeMJXl0">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2018 - Opening Keynote - The Next Five Years - Jose Valim by ElixirConf 4 years ago 57 minutes 14,177 views"
|
|
title="ElixirConf 2018 - Opening Keynote - The Next Five Years - Jose Valim">
|
|
ElixirConf 2018 - Opening Keynote - The Next Five Years - Jose Valim
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">14K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">4
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=8xJzHq8ru0M">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="1 hour, 12 minutes, 41 seconds">
|
|
1:12:41
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=8xJzHq8ru0M">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="Chris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019 by Code Sync 3 years ago 1 hour, 12 minutes 41,374 views"
|
|
title="Chris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript - ElixirConf EU 2019">
|
|
Chris McCord - Keynote: Phoenix LiveView - Interactive Apps without Javascript
|
|
- ElixirConf EU 2019
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">41K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=lGuqvApTvbc">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="22 minutes, 59 seconds">
|
|
22:59
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=lGuqvApTvbc">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ElixirConf 2022 - Tyler Young - Delightful Multiplayer Editing with Phoenix by ElixirConf 16 hours ago 22 minutes 166 views"
|
|
title="ElixirConf 2022 - Tyler Young - Delightful Multiplayer Editing with Phoenix">
|
|
ElixirConf 2022 - Tyler Young - Delightful Multiplayer Editing with Phoenix
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">ElixirConf</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
ElixirConf
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">166
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">16
|
|
hours ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-simple style-scope ytd-badge-supported-renderer">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer" disable-upgrade=""
|
|
hidden=""></yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer">New</span>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=Fq9hpl7xbWM">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="45 minutes, 59 seconds">
|
|
45:59
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=Fq9hpl7xbWM">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="José Valim - Announcing Broadway | Lambda Days 2019 by Code Sync 3 years ago 45 minutes 1,367 views"
|
|
title="José Valim - Announcing Broadway | Lambda Days 2019">
|
|
José Valim - Announcing Broadway | Lambda Days 2019
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block
|
|
class="compact style-scope ytd-compact-video-renderer byline-separated"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">Code Sync</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
Code Sync
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">1.3K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">3
|
|
years ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-compact-video-renderer class="style-scope ytd-item-section-renderer"
|
|
thumbnail-width="168" lockup="true">
|
|
<!--css-build:shady-->
|
|
<div id="dismissible" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-thumbnail use-hovered-property="" class="style-scope ytd-compact-video-renderer"
|
|
size="medium">
|
|
<!--css-build:shady--><a id="thumbnail"
|
|
class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true"
|
|
tabindex="-1" rel="nofollow" href="/watch?v=ybk2IzwV6Zg">
|
|
<yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
|
|
class="style-scope ytd-thumbnail" disable-upgrade="" hidden="">
|
|
</yt-image>
|
|
<yt-img-shadow ftl-eligible="" class="style-scope ytd-thumbnail no-transition empty"
|
|
style="background-color: transparent;">
|
|
<!--css-build:shady--><img id="img" draggable="false"
|
|
class="style-scope yt-img-shadow" alt="" width="168">
|
|
</yt-img-shadow>
|
|
|
|
<div id="overlays" class="style-scope ytd-thumbnail">
|
|
<ytd-thumbnail-overlay-time-status-renderer class="style-scope ytd-thumbnail"
|
|
overlay-style="DEFAULT">
|
|
<!--css-build:shady-->
|
|
<yt-icon size="16"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
disable-upgrade="" hidden=""></yt-icon><span id="text"
|
|
class="style-scope ytd-thumbnail-overlay-time-status-renderer"
|
|
aria-label="16 minutes, 37 seconds">
|
|
16:37
|
|
</span>
|
|
</ytd-thumbnail-overlay-time-status-renderer>
|
|
<ytd-thumbnail-overlay-now-playing-renderer class="style-scope ytd-thumbnail">
|
|
<!--css-build:shady--><span id="overlay-text"
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">Now
|
|
playing</span>
|
|
<ytd-thumbnail-overlay-equalizer
|
|
class="style-scope ytd-thumbnail-overlay-now-playing-renderer">
|
|
<!--css-build:shady--><svg xmlns="http://www.w3.org/2000/svg" id="equalizer"
|
|
viewBox="0 0 55 95" class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<g class="style-scope ytd-thumbnail-overlay-equalizer">
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="0">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="20">
|
|
</rect>
|
|
<rect class="bar style-scope ytd-thumbnail-overlay-equalizer" x="40">
|
|
</rect>
|
|
</g>
|
|
</svg>
|
|
</ytd-thumbnail-overlay-equalizer>
|
|
</ytd-thumbnail-overlay-now-playing-renderer>
|
|
</div>
|
|
<div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
|
|
<div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
|
|
</a>
|
|
</ytd-thumbnail>
|
|
<div class="details style-scope ytd-compact-video-renderer">
|
|
<div class="metadata style-scope ytd-compact-video-renderer">
|
|
<a class="yt-simple-endpoint style-scope ytd-compact-video-renderer" rel="nofollow"
|
|
href="/watch?v=ybk2IzwV6Zg">
|
|
<h3 class="style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="top-badge style-scope ytd-compact-video-renderer"
|
|
collection-truncate="" disable-upgrade="" hidden="">
|
|
</ytd-badge-supported-renderer>
|
|
<span id="video-title" class=" style-scope ytd-compact-video-renderer"
|
|
aria-label="ADHD in Girls and Women | Martha Barnard-Rae | TEDxKinjarling by TEDx Talks 5 months ago 16 minutes 743,814 views"
|
|
title="ADHD in Girls and Women | Martha Barnard-Rae | TEDxKinjarling">
|
|
ADHD in Girls and Women | Martha Barnard-Rae | TEDxKinjarling
|
|
</span>
|
|
</h3>
|
|
<div class="secondary-metadata style-scope ytd-compact-video-renderer">
|
|
|
|
<ytd-video-meta-block class="compact style-scope ytd-compact-video-renderer"
|
|
inline-badges="" no-endpoints="" truncate-metadata-line="">
|
|
<!--css-build:shady-->
|
|
<div id="metadata" class="style-scope ytd-video-meta-block">
|
|
<div id="byline-container" class="style-scope ytd-video-meta-block">
|
|
<ytd-channel-name id="channel-name"
|
|
class=" style-scope ytd-video-meta-block">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-channel-name">
|
|
<div id="text-container" class="style-scope ytd-channel-name">
|
|
<yt-formatted-string id="text" link-inherit-color="" title=""
|
|
class="style-scope ytd-channel-name" ellipsis-truncate=""
|
|
ellipsis-truncate-styling="">TEDx Talks</yt-formatted-string>
|
|
</div>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds=""
|
|
class="style-scope ytd-channel-name" role="tooltip" tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
|
|
TEDx Talks
|
|
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<ytd-badge-supported-renderer class="style-scope ytd-channel-name"
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<div
|
|
class="badge badge-style-type-verified style-scope ytd-badge-supported-renderer"
|
|
aria-label="Verified">
|
|
<yt-icon class="style-scope ytd-badge-supported-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"
|
|
focusable="false" class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10C22,6.5,17.5,2,12,2z M9.8,17.3l-4.2-4.1L7,11.8l2.8,2.7L17,7.4 l1.4,1.4L9.8,17.3z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon><span
|
|
class="style-scope ytd-badge-supported-renderer"></span>
|
|
<tp-yt-paper-tooltip position="top"
|
|
class="style-scope ytd-badge-supported-renderer" role="tooltip"
|
|
tabindex="-1">
|
|
<!--css-build:shady-->
|
|
<div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip"
|
|
style-target="tooltip">
|
|
Verified
|
|
</div>
|
|
</tp-yt-paper-tooltip>
|
|
</div>
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</ytd-channel-name>
|
|
<div id="separator" class="style-scope ytd-video-meta-block">•</div>
|
|
<yt-formatted-string id="video-info"
|
|
class="style-scope ytd-video-meta-block" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string">
|
|
</yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
<div id="metadata-line" class="style-scope ytd-video-meta-block">
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="inline-metadata-badge style-scope ytd-video-meta-block" hidden=""
|
|
system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">743K
|
|
views</span>
|
|
|
|
<span class="inline-metadata-item style-scope ytd-video-meta-block">5
|
|
months ago</span>
|
|
<dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block">
|
|
<template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
</div>
|
|
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
|
|
<dom-repeat class="style-scope ytd-video-meta-block"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</div>
|
|
|
|
</ytd-video-meta-block>
|
|
|
|
<ytd-badge-supported-renderer
|
|
class="badges style-scope ytd-compact-video-renderer" system-icons="">
|
|
<!--css-build:shady-->
|
|
<dom-repeat id="repeat" as="badge"
|
|
class="style-scope ytd-badge-supported-renderer"><template
|
|
is="dom-repeat"></template></dom-repeat>
|
|
</ytd-badge-supported-renderer>
|
|
</div>
|
|
</a>
|
|
<div id="buttons" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
<div id="menu" class="style-scope ytd-compact-video-renderer">
|
|
<ytd-menu-renderer class="style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="top-level-buttons-computed"
|
|
class="top-level-buttons style-scope ytd-menu-renderer"></div>
|
|
<div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div>
|
|
<yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer"
|
|
style-target="button">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button"
|
|
aria-label="Action menu">
|
|
<yt-icon class="style-scope ytd-menu-renderer"><svg viewBox="0 0 24 24"
|
|
preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12,16.5c0.83,0,1.5,0.67,1.5,1.5s-0.67,1.5-1.5,1.5s-1.5-0.67-1.5-1.5S11.17,16.5,12,16.5z M10.5,12 c0,0.83,0.67,1.5,1.5,1.5s1.5-0.67,1.5-1.5s-0.67-1.5-1.5-1.5S10.5,11.17,10.5,12z M10.5,6c0,0.83,0.67,1.5,1.5,1.5 s1.5-0.67,1.5-1.5S12.83,4.5,12,4.5S10.5,5.17,10.5,6z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
<yt-button-shape id="button-shape" version="modern"
|
|
class="style-scope ytd-menu-renderer" disable-upgrade="" hidden="">
|
|
</yt-button-shape>
|
|
</ytd-menu-renderer>
|
|
</div>
|
|
<div id="queue-button" class="style-scope ytd-compact-video-renderer"></div>
|
|
</div>
|
|
</div>
|
|
<div id="dismissed" class="style-scope ytd-compact-video-renderer"></div>
|
|
<yt-interaction id="interaction" class="extended style-scope ytd-compact-video-renderer">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</ytd-compact-video-renderer>
|
|
<ytd-continuation-item-renderer class="style-scope ytd-item-section-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="ghost-cards" class="style-scope ytd-continuation-item-renderer"></div>
|
|
<tp-yt-paper-spinner id="spinner" class="style-scope ytd-continuation-item-renderer"
|
|
aria-hidden="true" hidden="">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner">
|
|
<div class="spinner-layer layer-1 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-2 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-3 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-4 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner>
|
|
<div id="button" class="style-scope ytd-continuation-item-renderer">
|
|
<ytd-button-renderer class="style-scope ytd-continuation-item-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--outline yt-spec-button-shape-next--call-to-action yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Show more</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div
|
|
class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade="">
|
|
</tp-yt-paper-tooltip>
|
|
</ytd-button-renderer>
|
|
</div>
|
|
</ytd-continuation-item-renderer>
|
|
</div>
|
|
<div id="continuations" class="style-scope ytd-item-section-renderer"></div>
|
|
</ytd-item-section-renderer>
|
|
</div>
|
|
<div id="continuations" class="style-scope ytd-watch-next-secondary-results-renderer"></div>
|
|
</ytd-watch-next-secondary-results-renderer>
|
|
<div id="related-skeleton" class="watch-skeleton style-scope ytd-watch-flexy">
|
|
<div id="related">
|
|
<div class="autoplay skeleton-light-border-bottom hidden">
|
|
<div id="upnext" class="skeleton-bg-color"></div>
|
|
<div class="video-skeleton">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="video-skeleton hidden">
|
|
<div class="video-details">
|
|
<div class="thumbnail skeleton-bg-color"></div>
|
|
<div class="details flex-1">
|
|
<div class="video-title text-shell skeleton-bg-color"></div>
|
|
<div class="video-meta text-shell skeleton-bg-color"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ytd-comments id="comments" class="style-scope ytd-watch-flexy">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-spinner-lite class="style-scope ytd-comments" aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class="active cooldown style-scope tp-yt-paper-spinner-lite">
|
|
<div class="spinner-layer style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner-lite>
|
|
<ytd-item-section-renderer id="sections" initial-count="2" class="style-scope ytd-comments"
|
|
section-identifier="comment-item-section">
|
|
<!--css-build:shady-->
|
|
<div id="header" class="style-scope ytd-item-section-renderer"></div>
|
|
<div id="spinner-container" class="style-scope ytd-item-section-renderer">
|
|
<tp-yt-paper-spinner-lite class="style-scope ytd-item-section-renderer" aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner-lite">
|
|
<div class="spinner-layer style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner-lite">
|
|
<div class="circle style-scope tp-yt-paper-spinner-lite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner-lite>
|
|
</div>
|
|
<div id="contents" class="style-scope ytd-item-section-renderer">
|
|
<ytd-continuation-item-renderer class="style-scope ytd-item-section-renderer">
|
|
<!--css-build:shady-->
|
|
<div id="ghost-cards" class="style-scope ytd-continuation-item-renderer"></div>
|
|
<tp-yt-paper-spinner id="spinner" class="style-scope ytd-continuation-item-renderer"
|
|
aria-hidden="true">
|
|
<!--css-build:shady-->
|
|
<div id="spinnerContainer" class=" style-scope tp-yt-paper-spinner">
|
|
<div class="spinner-layer layer-1 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-2 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-3 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer layer-4 style-scope tp-yt-paper-spinner">
|
|
<div class="circle-clipper left style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
<div class="circle-clipper right style-scope tp-yt-paper-spinner">
|
|
<div class="circle style-scope tp-yt-paper-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</tp-yt-paper-spinner>
|
|
<div id="button" class="style-scope ytd-continuation-item-renderer" hidden=""></div>
|
|
</ytd-continuation-item-renderer>
|
|
</div>
|
|
<div id="continuations" class="style-scope ytd-item-section-renderer"></div>
|
|
</ytd-item-section-renderer>
|
|
</ytd-comments>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="secondary" class="style-scope ytd-watch-flexy">
|
|
<div id="secondary-inner" class="style-scope ytd-watch-flexy">
|
|
|
|
|
|
|
|
|
|
<dom-if restamp="" id="native-chat-template" class="style-scope ytd-watch-flexy"><template
|
|
is="dom-if"></template></dom-if>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ytd-video-quality-promo-renderer id="speedyg" class="style-scope ytd-watch-flexy">
|
|
<!--css-build:shady-->
|
|
<div id="container" class="style-scope ytd-video-quality-promo-renderer">
|
|
<yt-notification-action-renderer id="notification" duration="0"
|
|
class="style-scope ytd-video-quality-promo-renderer" ui-refresh="" darker-dark-theme="">
|
|
<!--css-build:shady-->
|
|
<tp-yt-paper-toast id="toast" allow-click-through=""
|
|
class="toast-button style-scope yt-notification-action-renderer" aria-hidden="true"
|
|
style="outline: none; display: none;">
|
|
<!--css-build:shady--><span id="label" class="style-scope tp-yt-paper-toast"></span>
|
|
|
|
<div id="text-container" class="style-scope yt-notification-action-renderer">
|
|
<yt-formatted-string id="text" respect-html-dir="" split-lines=""
|
|
class="style-scope yt-notification-action-renderer">Experiencing interruptions?
|
|
</yt-formatted-string>
|
|
<yt-formatted-string id="sub-text" respect-html-dir="" split-lines=""
|
|
class="style-scope yt-notification-action-renderer" is-empty="" hidden="">
|
|
<!--css-build:shady-->
|
|
<yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string>
|
|
</yt-formatted-string>
|
|
</div>
|
|
|
|
<yt-button-renderer id="action-button" class="style-scope yt-notification-action-renderer"
|
|
button-renderer="">
|
|
<yt-button-shape><a
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--call-to-action-inverse yt-spec-button-shape-next--size-m "
|
|
href="https://www.google.com/get/videoqualityreport/?v=srtMWzyqdp8" target="_blank"
|
|
force-new-state="true" style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Find out why</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response-inverse"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</a></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</yt-button-renderer>
|
|
<dom-if class="style-scope yt-notification-action-renderer"><template is="dom-if"></template></dom-if>
|
|
<yt-icon-button class="style-scope yt-notification-action-renderer" hidden="">
|
|
<!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="Cancel">
|
|
<yt-icon icon="yt-icons:close" class="style-scope yt-notification-action-renderer"><svg
|
|
viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
</button>
|
|
<yt-interaction id="interaction" class="circular style-scope yt-icon-button">
|
|
<!--css-build:shady-->
|
|
<div class="stroke style-scope yt-interaction"></div>
|
|
<div class="fill style-scope yt-interaction"></div>
|
|
</yt-interaction>
|
|
</yt-icon-button>
|
|
|
|
<yt-icon id="close" icon="yt-icons:dismissal" class="style-scope ytd-video-quality-promo-renderer">
|
|
<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false"
|
|
class="style-scope yt-icon"
|
|
style="pointer-events: none; display: block; width: 100%; height: 100%;">
|
|
<g class="style-scope yt-icon">
|
|
<path
|
|
d="M12.7,12l6.6,6.6l-0.7,0.7L12,12.7l-6.6,6.6l-0.7-0.7l6.6-6.6L4.6,5.4l0.7-0.7l6.6,6.6l6.6-6.6l0.7,0.7L12.7,12z"
|
|
class="style-scope yt-icon"></path>
|
|
</g>
|
|
</svg>
|
|
<!--css-build:shady-->
|
|
</yt-icon>
|
|
|
|
|
|
</tp-yt-paper-toast>
|
|
</yt-notification-action-renderer>
|
|
</div>
|
|
</ytd-video-quality-promo-renderer>
|
|
<div id="survey" class="style-scope ytd-watch-flexy"></div>
|
|
<div id="engagement-panel-scrim" class="style-scope ytd-watch-flexy" hidden=""></div>
|
|
</ytd-watch-flexy>
|
|
</ytd-page-manager>
|
|
</div>
|
|
<ytd-popup-container class="style-scope ytd-app">
|
|
<!--css-build:shady-->
|
|
<iron-media-query class="style-scope ytd-popup-container" style="display: none;"></iron-media-query>
|
|
<tp-yt-paper-dialog style-target="host" role="dialog" tabindex="-1" class="style-scope ytd-popup-container"
|
|
modern="" aria-hidden="true"
|
|
style="outline: none; position: fixed; inset: auto auto 0px 0px; margin: 16px; box-sizing: border-box; max-height: 178px; max-width: 1408px; display: none;">
|
|
<!--css-build:shady-->
|
|
<yt-mealbar-promo-renderer modern="" dialog="true" class="style-scope ytd-popup-container" tabindex="-1"
|
|
use-youtube-sans="" mealbar-style="style_modern_dark">
|
|
<!--css-build:shady-->
|
|
<dom-if class="style-scope yt-mealbar-promo-renderer"><template is="dom-if"></template></dom-if>
|
|
<div id="main" class="style-scope yt-mealbar-promo-renderer">
|
|
<div class="yt-mealbar-promo-renderer-content style-scope yt-mealbar-promo-renderer">
|
|
<div class="style-scope yt-mealbar-promo-renderer">
|
|
<h2 class="yt-mealbar-promo-renderer-message-title style-scope yt-mealbar-promo-renderer">
|
|
<yt-formatted-string class="style-scope yt-mealbar-promo-renderer">Ambient mode</yt-formatted-string>
|
|
</h2>
|
|
|
|
<div id="message-text"
|
|
class="yt-mealbar-promo-renderer-message-text style-scope yt-mealbar-promo-renderer">
|
|
<yt-formatted-string class="style-scope yt-mealbar-promo-renderer">You're watching in our more
|
|
immersive ambient mode.</yt-formatted-string>
|
|
</div>
|
|
<dom-repeat class="style-scope yt-mealbar-promo-renderer"><template is="dom-repeat"></template>
|
|
</dom-repeat>
|
|
</div>
|
|
|
|
<yt-img-shadow
|
|
class="yt-mealbar-promo-renderer-modern-icon style-scope yt-mealbar-promo-renderer no-transition"
|
|
notify-on-loaded="" style="background-color: transparent;" loaded="">
|
|
<!--css-build:shady--><img id="img" draggable="false" class="style-scope yt-img-shadow" alt=""
|
|
src="https://www.gstatic.com/youtube/img/promos/growth/ambient_icon_zoomed_300x300.png">
|
|
</yt-img-shadow>
|
|
<dom-if class="style-scope yt-mealbar-promo-renderer"><template is="dom-if"></template></dom-if>
|
|
</div>
|
|
<div class="button-container style-scope yt-mealbar-promo-renderer">
|
|
<yt-button-renderer id="dismiss-button" class="style-scope yt-mealbar-promo-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--outline yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap"
|
|
role="text">Change</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</yt-button-renderer>
|
|
<yt-button-renderer id="action-button" class="style-scope yt-mealbar-promo-renderer" button-renderer="">
|
|
<yt-button-shape><button
|
|
class="yt-spec-button-shape-next yt-spec-button-shape-next--filled yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m "
|
|
style="">
|
|
<div class="cbox yt-spec-button-shape-next--button-text-content"><span
|
|
class="yt-core-attributed-string yt-core-attributed-string--white-space-no-wrap" role="text">Got
|
|
it</span></div>
|
|
<yt-touch-feedback-shape style="border-radius: inherit;">
|
|
<div class="yt-spec-touch-feedback-shape yt-spec-touch-feedback-shape--touch-response-inverse"
|
|
aria-hidden="true">
|
|
<div class="yt-spec-touch-feedback-shape__stroke" style=""></div>
|
|
<div class="yt-spec-touch-feedback-shape__fill" style=""></div>
|
|
</div>
|
|
</yt-touch-feedback-shape>
|
|
</button></yt-button-shape>
|
|
<tp-yt-paper-tooltip fit-to-visible-bounds="" offset="8" disable-upgrade=""></tp-yt-paper-tooltip>
|
|
</yt-button-renderer>
|
|
</div>
|
|
</div>
|
|
</yt-mealbar-promo-renderer>
|
|
</tp-yt-paper-dialog>
|
|
</ytd-popup-container>
|
|
<ytd-third-party-manager class="style-scope ytd-app">
|
|
<!--css-build:shady-->
|
|
</ytd-third-party-manager>
|
|
<div id="video-preview" class="style-scope ytd-app"></div>
|
|
<yt-page-navigation-progress class="style-scope ytd-app" hidden="" aria-valuemin="0" aria-valuemax="100">
|
|
<!--css-build:shady-->
|
|
<div id="progress" class="style-scope yt-page-navigation-progress"></div>
|
|
</yt-page-navigation-progress>
|
|
</ytd-app>
|
|
|
|
<iron-a11y-announcer>
|
|
<!--css-build:shady-->
|
|
|
|
<div class="style-scope iron-a11y-announcer" aria-live="polite"></div>
|
|
</iron-a11y-announcer>
|
|
</body>
|
|
|
|
</html> |