diff --git a/public/tabs/talk/talk.css b/public/tabs/talk/talk.css index b0c56f8..7b587a4 100644 --- a/public/tabs/talk/talk.css +++ b/public/tabs/talk/talk.css @@ -213,11 +213,18 @@ padding-bottom: 7.5%; } +#talk .embed-container.vertical { + max-width: 320px; + overflow: hidden; + aspect-ratio: 9 / 16 !important; +} + #talk .embed-container.letterbox { - height: 0; + /* height: 0; */ overflow: hidden; overflow-y: auto; - padding-bottom: 33%; + /* padding-bottom: 33%; */ + aspect-ratio: 16 / 9 !important; } #talk .embed-container.square { diff --git a/public/tabs/talk/talk.js b/public/tabs/talk/talk.js index f3134b9..b1dde07 100644 --- a/public/tabs/talk/talk.js +++ b/public/tabs/talk/talk.js @@ -5,7 +5,7 @@ const URL_MATCHING_REGEX = /(?:(?[a-zA-Z]+):\/\/)?(?:(?(?\S.+)\:(?.+))\@)?(?(?:(?[-a-zA-Z0-9\.]+)\.)?(?[-a-zA-Z0-9]+?\.(?[-a-zA-Z0-9]{2,64}))(?:\:(?[0-9]{1,6}))?)\b(?[-a-zA-Z0-9@:%_{}\[\]<>\(\)\+.~&\/="]*?(?\.[^\.?/#"]+)?)(?:\?(?[a-zA-Z0-9!$%&<>()*+,-\.\/\:\;\=\?\@_~"]+))?(?:#(?[a-zA-Z0-9!$&'()*+,-\.\/\:\;\=\?\@_~"]*?))?(?:$|\s)/gim; const VIDEO_ID_EXTRACTOR = - /(?vimeo\.com|youtu(?:be\.com|\.be|be\.googleapis\.com))(?:\/(?video|embed|watch|v))?.*(?:(?:\/|v=)(?[A-Za-z0-9._%-]*))\S*/gi; + /(?vimeo\.com|youtu(?:be\.com|\.be|be\.googleapis\.com))(?:\/(?video|embed|watch|shorts|v))?.*(?:(?:\/|v=)(?[A-Za-z0-9._%-]*))\S*/gi; const SPOTIFY_EXTRACTOR = /^\/(?(?:album|artist|episode|playlist|tracks?))\/?(?[a-zA-Z0-9]{22})/gi; const TIDAL_EXTRACTOR = @@ -98,8 +98,12 @@ const URL_MATCH_HANDLERS = [ return; } + console.dir({ + action, + video_id, + }); return ` -
+