Develop lightbox component for Vue 3 (typescript)
The video player is too big - Video.js in fill mode will try to fill your container, on large screens it looks like it.So far resolved this media-query with a different width for the video player container, but there may be a more elegant solution.The noise regulator and the seek bar in video.js do not work because of the mouse-drag listener for content listing.Images On mobile images in the ligthbox are less than they are on the tape (as the tape takes the entire width on the mobile and the lightbox is not).Until there is no decision, but most likely the lightbox on mobile phones should occupy the entire screen, and the images should fit in it.Small images (e.g. 100 to 100) scale to greater sizes - it looks bad.It was done through object-fit: scale-down, but there may be a better solution.What is transmitted:How props component is transmitted a mass of objects - each element contains a type (video/image) and a link to the file:props: {
The content: {
Type: Array as PropType
Required: true
The
Interfaces:export interface ContentInfo {
Type of string;
The video: VideoInfo
image: ImageInfo
Export Interface VideoInfo
The URL: String
The String: String
The duration: String
The poster?The string;
Export interface ImageInfo {
The URL: String
The
I have seen a lot of open-source solutions, no one does what it is necessary.The functionality is similar to c https://vue-cool-lightbox.lucaspulliese.com/, but it is very important to use the video.js as a video player.Per someone has had experience in developing such components before.Write dates, prices, and questions.
Current freelance projects in the category Web Programming
Create on the website goodop: (many) directories, product templates, categories ...
22 USD
A new online store is being created with 10,000+ products. It is necessary to create on the site on the Goodshop platform: Directories - 1200 pcs Directory values - 20,000 pcs Product templates - 400 pcs Product categories - 400 pcs Enter all SEO in product categories… Web Programming, Website Development ∙ 8 hours 37 minutes back ∙ 15 proposals |
Create a 1-page website with 2D visualization of live coefficientsA one-page website is needed that in real-time requests live betting odds for a football match via API and visualizes them as two 2D characters on a football field. A visual reference is provided in the photo. All assets will be provided privately.Animation:The entire… HTML & CSS, Web Programming ∙ 8 hours 43 minutes back ∙ 34 proposals |
GoPos IntegrationHello, has anyone done an integration of GoPos with a custom website for a restaurant in Poland? I need help, their documentation is very sparse, there is only swagger and it lacks descriptions. https://app.gopos.io/doc/swagger-ui/index.html The essence is this: we used their… PHP, Web Programming ∙ 12 hours 13 minutes back ∙ 17 proposals |
Development of a modern website for the Theater
223 USD
We are looking for a web developer to create the official website of a modern cultural platform. The project unites theatrical, artistic, educational, and cultural initiatives. It is necessary to create a modern responsive website that will simultaneously serve an image… Content Management Systems, Web Programming ∙ 12 hours 50 minutes back ∙ 72 proposals |
AI agent of sports nutrition technologistThe agent helps develop formulations for new sports nutrition products — protein bars, proteins, pre-workouts, isotonic drinks, bars, etc. The main feature: the agent knows the legislation of different countries and automatically takes it into account when creating the… AI & Machine Learning, Web Programming ∙ 13 hours 7 minutes back ∙ 43 proposals |
Kyiv