diff --git a/public/tabs/talk/talk.css b/public/tabs/talk/talk.css index ec0e0a5..e3b54bc 100644 --- a/public/tabs/talk/talk.css +++ b/public/tabs/talk/talk.css @@ -61,6 +61,7 @@ left: 0; right: 0; bottom: 5rem; + padding: 0.5rem; } #talk #room-chat-entry-container { diff --git a/public/tabs/talk/talk.js b/public/tabs/talk/talk.js index 5a34557..bd51bbe 100644 --- a/public/tabs/talk/talk.js +++ b/public/tabs/talk/talk.js @@ -7,6 +7,22 @@ const URL_MATCH_HANDLERS = [ return; }, + (match) => { + const original_url = match[0]; + const { + groups: { video_id }, + } = + /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)(?[^"&?\/\s]{11})/gi.exec( + original_url, + ); + + if (!video_id) { + return; + } + + return ``; + }, + // url (match) => { // TODO: punycoding if something has unicode?