Completed

JS swap <IMG> with <VIDEO> on Portfolio Page

Hi!

I am looking for someone to write a custom JS code for swapping the <IMG> tags with <VIDEO> tags on the interactive grid of my portfolio page that showcases all my projects:

[login to view URL]

THE PROBLEM I' TRYING TO SOLVE:

Basically, I want to speed up the load time of my portfolio page by swapping GIF's with MP4's. GIF's are up to 20X slower to load that MP4's, and I must feature animation for the type of work I do.

The problem is, I am using a Portfolio Theme for WORDPRESS that automatically creates the interactive grid, and this theme does not allow to use MP4's on the grid. The theme is called BRIDGE, and it is made by QODE. It's a great theme overall.

THE SOLUTION I AM LOOKING FOR:

I am looking for a quick & dirty solution that I can implement on the portfolio grid page itself. The portfolio grid page allows me to add custom JS code inline. I know there are many complex ways to go about this, but I don't want to do a permanent change to the theme source code since it gets constant updates from QODE.

ADDITIONAL NOTES:

- I know HTML and CSS well, I just don't know JS.

- I want the responsiveness and hover effects to remain the same way as they are now. Basically, I want the users to not notice a visual difference except in speed performance.

- I will be providing the urls to the video sources (MP4 + WEBM) that will replace the GIFs.

Skills: Javascript, WordPress, CSS, HTML

See more: website portfolio page, wordpress plugin video front page, building video upload page, overlay video current page, video overlay page, text flash video web page, buy video squeeze page, convert audio video web page m4r, joomla video portfolio component, making intro video web page, traffic geyser video lead page generator, post quicktime video web page, bid oscommerce flash video product page, multiple flash video web page, video squeeze page demo, portfolio page, video intro page

About the Employer:
( 5 reviews ) San Francisco, United States

Project ID: #22876152

Awarded to:

an4rei

Hello! I can achieve this JS customization by using the onload event and then changing each attribute to video. It shouldn't take me more than 60 minutes. Thank you!

$90 USD in 1 day
(42 Reviews)
5.6

27 freelancers are bidding on average $183 for this job

A2Design

Hello! We are A2 Design, a Russian-Canadian web development company. We are very interested in developing your project and will be glad to assist you. We provide the whole package: project manager, front-end develo More

$350 USD in 3 days
(87 Reviews)
8.3
malviyamanish

Hello, Having read your job description, I feel to be a good fit for this job, as I have hands-on experience working on the PHP, Mysql, HTML, JQuery Frameworks, as well as Major CMS's like Joomla, WordPress, and Magen More

$140 USD in 7 days
(246 Reviews)
7.6
i333

Hi Felix Eduardo! I'm Usama, a Wordpress speed optimization expert familiar with Bridge (QODE) theme and have done a lot of speed optimization projects ranging from full improvement to specific, custom elements improve More

$250 USD in 2 days
(185 Reviews)
7.3
babitabubu

Hi, I’m ready to make the change in code. I have read your project brief and understand the work. I can do it now. Please message me so I can clear my question. Thank you.

$120 USD in 2 days
(238 Reviews)
7.2
naveed25

Hi I am WordPress certified developer and have six years of WordPress development experience. I can fix the portfolio issue before one day. Lets contact to me for more information. Thank you

$100 USD in 1 day
(252 Reviews)
7.1
Zahi9

Respected Sir/Ma'am, Hope you are doing Well and good :) I have reviewed your project description and understood your project scope. I am very interested in doing this project. I have 7+ years of experience with w More

$140 USD in 4 days
(185 Reviews)
6.9
Ferroigni

Hi, My name is Heorhii (George), everything you mentioned in the description looks clear to me so I'm ready to start immediately if time is an issue. Thanks, George

$75 USD in 1 day
(49 Reviews)
6.5
michealperfect

Hello, I read your description and I'll do your work faster and professionally with in your time frame. Have a look at the websites that I built recently. [login to view URL] [login to view URL] https:// More

$400 USD in 3 days
(188 Reviews)
7.0
gursukh

yes sure i can help you ,first of all please look at my profile for your job satisfaction . I have great 6 year experience. im individual full time developer. i have no timing issue. I can work any time. Please discuss More

$111 USD in 1 day
(251 Reviews)
7.0
nixtech

Hello Sir, Can i help you with changing the url and IMG tag to video one? I am willing to start right away. Please check my profile for work and experience. Regards Ashwin

$140 USD in 1 day
(224 Reviews)
6.6
TurboWebWP

I can help. I am an expert in this specific field of speed optimization and own a company from Romania doing exclusively ADVANCED speed optimization. ([login to view URL]) I only deliver ADVANCED optimizations, not mediu More

$275 USD in 5 days
(35 Reviews)
6.0
mattsrinc

Hi there, I'm Matt Sergei (do call me Matt) and can help you modify your desired WordPress theme functionality (25 years a webmaster, 11+ years a WordPress developer). It's not that trivial as you have written. Func More

$420 USD in 7 days
(31 Reviews)
5.7
oldhendra

Hi FelixEduardo, A GIF is longer to load than MP4? It's hard to believe but then I saw that few of your GIFs are quite large. As far as I know the use of MP4 may load your portfolio even slower. MP4 is still a good cho More

$200 USD in 5 days
(36 Reviews)
5.3
nikivan

Hi! I guess I can do the best for you! Maybe the best way will be to change the template or add a hook. Also I can implement different solution.

$150 USD in 1 day
(18 Reviews)
5.0
ravinderkamboz

Hello, I am expert in JavaScript and i can do this task perfectly and easily. I have 5.6 years of experience. I have developed approximately 200 websites. I am also expert in following skills: Html5 Css3 Bootstrap R More

$166 USD in 2 days
(8 Reviews)
3.9
alexanderanisimo

Hello. I saw your description in carefully. I have an experience in PHP, MySQL, CSS, JavaScript, WordPress, threejs. I would like apply for this job. I always do project fast as possible and provide Quality Product. Pl More

$140 USD in 7 days
(8 Reviews)
4.1
zainnadeem202

Hi there! I have read through and perfectly understood the available instruction for your project. My diverse skill set perfectly matches the project. You can check my profile. https://www.freelancer.com/u/zainnadeem2 More

$230 USD in 7 days
(2 Reviews)
3.0
Mohamed19890213

Dear sir. I have just read your description and think that it is the project for me. I am full stack web design/developer with rich experiences. And i developed many websites and fixed many issues. I will my best to m More

$140 USD in 7 days
(4 Reviews)
3.0
adityavaishnava

Hello Client, I am Professional WordPress Designer & Developer, specialized in crafting beautiful UI/UX design. If you are looking for a unique website for your business, I can design and develop a fully responsive W More

$111 USD in 5 days
(4 Reviews)
2.8
speedster

BISMILLAHIRRAHMANIRRAHEEM Hi, what sort of animations do you do?Please share the site url..................

$50 USD in 1 day
(1 Review)
2.6