diff --git a/public/tabs/talk/talk.css b/public/tabs/talk/talk.css index 68f6d41..b0c56f8 100644 --- a/public/tabs/talk/talk.css +++ b/public/tabs/talk/talk.css @@ -213,24 +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%; */ - aspect-ratio: 16 / 9 !important; + padding-bottom: 33%; } #talk .embed-container.square { + height: 0; overflow: hidden; overflow-y: auto; - aspect-ratio: 1 / 1 !important; + padding-bottom: 50%; } #talk .embed-container iframe { diff --git a/public/tabs/talk/talk.js b/public/tabs/talk/talk.js index b1dde07..f3134b9 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|shorts|v))?.*(?:(?:\/|v=)(?[A-Za-z0-9._%-]*))\S*/gi; + /(?vimeo\.com|youtu(?:be\.com|\.be|be\.googleapis\.com))(?:\/(?video|embed|watch|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,12 +98,8 @@ const URL_MATCH_HANDLERS = [ return; } - console.dir({ - action, - video_id, - }); return ` -
+