Video in the pictures gallery.

Javascript and Typescript, Web Programming — incorrectly specified categories?

62 USD

Project translated automatically. Log in or register, to view the original Good time of day.You need to make it possible to add a video (integrate the html5 video player) to additional product images, through the product card admin, the Image tab.And how now the sorting worked (we show in the admin sorting order: 1 and the video goes in the slider and in the display in the product card the first after the main image.)There are two ways to add the video: 1 .Download to the site server via FTP or through the downloader that opens when you add images.And then install the video in the Image tab.In this case, you need to do so that the slider and the product page do not display a black rectangle, but the image is displayed as a stack on YouTube and in the middle of the rectangle of the circles with the playback start sign (to make it clear that it is video), i.e.Load separately the display image (in the check box admin use the display image for the video and the image itself, or select from the video images as on YouTube, make the option, download the image separately from the site server or use the image with the video picture).2ndIndicating a link (html-code, or direct link) to third party hosting (Vimeo, YouTube, Facebook, twich, etc.)(realize the menu of service selection or html code) and the output of the deposit that is removed on the third-party hosting.You can make a switch (checbox) for this function.I look at the open-source plyr.io player. Required settings for the player: 1 .Played 2ndMUTE ThreeSubtitles - (in a single option to set up, enable the option to disable).Controls - Video Player Control Panel 4 .Video quality and 5.Speed 6 .Picture in Picture 7 .Full screen 8 .Loop - repeat after the video is finished, endless playback or video cycling; (only, the option of setting, the option of disconnecting is enabled).9. poster - indicate the way to the screenshot for video recording, if the video is unavailable or long loaded, then the poster is automatically submitted, the screenshot of the first video is usually used; (in the single option of setting, the option of disconnecting is enabled).10. muted - (in a single option of setting, enable disconnect option).11 of 11.Autoplay - Make it possible in the admin to enable and disable the autoproduction of the video, when browsing on it in the product slider.You need the support of various video formats by modern browsers, plyr.io is implemented.HTML5 video, HTML audio, YouTube, Vimeo.Streaming integration Twich, SteamTV, twich, etc. (check twich integration if not added).Android devices - MP4 Google Chrome – WebM and Ogg Mozilla Firefox - WebM and Ogg Opera – WebM and Ogg Safari - MP4 (including iPhone) Internet Explorer 9 - MP4 Internet Explorer 6-8 - No HTML5, flash only Because different browsers support different video formats and have to make 3 different files with one video, only in different coding.The way to the video file in the HTML 5 video format; - the way to the video file in the Ogg video format; The way to the file in MP4 format.You also need to fix the slider load, after cleaning the cache the image is loaded half, as it doesn’t work correctly the lazy load module look at the screenshot.to demonstrate workability.Everything should look good on the PC, tablets, the mobile version of the site.Do not damage the other functionality of the site!Look at the other ones.The tasks, if not available now, will appear soon.Website: Opencart 1.5.6.4, PHP 7.4

Proposals 4

Bohdan Iliash

9 3

Projects 9
Rating -
Rating 142

Budget: 5000 UAH Deadline: 1 day

Good day .
In 3-4 hours I will write you a cast gallery under your requirements and other setup claims.

Yevgeny Dedyuh

0 0

Projects -
Rating -
Rating 172

Budget: 2750 UAH Deadline: 2 days

I do it without any problems; the experience of working with OSart is huge. All-optional parks, shops, personal offices, We use ready plugins, we write our own.

Bayo Mudashiru

0 0

Projects -
Rating -
Rating 131

Budget: 3000 UAH Deadline: 3 days

Do everything as best.
Let’s talk and we’ll do.
What is Dade Lane?

Denis T.
Belaya Tserkov, Ukraine

Projects 15
Rating -
Rating 537

Video in the pictures gallery.

Bohdan Iliash

Yevgeny Dedyuh

Bayo Mudashiru

Proposals concealed

Proposals are currently absent

Current freelance projects in the category Javascript and Typescript

Development of a proprietary SaaS system for automating coffee shops - similar to Poster POS

Blockchain Staking Platform

Next.js developer for improving an existing website

Development of an online registration form and database

Google Excel add JS logic in Apps Script