Embed code fix

In Progress Posted 5 years ago Paid on delivery
In Progress Paid on delivery

I have an html5 video player plugin hosted on my website, all the css and the js files are also hosted on the same website. Now I need to be able to copy and embed my video player to another website. So just like when you are on youtube or vimeo, you can copy the embed code in an iframe or script and paste it on any website.

The player itself already have the button or functionality to generate the embed code but unfortunately it generate an incorrect code, it actually generate the embed code of the raw video only without the player colors and other functions that were applied when the player was created.

So I what I need is for a unique url to be generated when I save after creating the player. This url should then be part of the embed code that I can then copy and paste on another website.

I have an example of what I want from a website called [login to view URL], which is a video hosting platform. On this platform, you can upload your mp4 video and the platform then provide you with options to customize the player like changing the player colors, adding your logo, adding overlays etc. So as soon as you are done customizing your player, you get an option to copy the embed code and paste it on any website.

I already embedded the wistia player on the following website and it works great. (Remember wistia is the example only and I'm showing you so that you can have an idea what I want)

[login to view URL]

The wistia embed code is as follows: (you are welcome to embed it on your website as well to test)

<script src="[login to view URL]" async></script><script src="[login to view URL]" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_i3llzwuunx videoFoam=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="[login to view URL]" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" onload="this.parentNode.style.opacity=1;" /></div></div></div></div>

CSS HTML HTML5 JavaScript PHP

Project ID: #17597225

About the project

14 proposals Remote project Active 5 years ago

14 freelancers are bidding on average $154 for this job

humrobo

Hi, hope you doing well sir i read your message in given below i make sure you that i can help you to fix embedded code for your webapp as well better for you well i make sure you one thing that i will provide y More

$155 USD in 3 days
(31 Reviews)
5.9
saaz109

Hi, I AM READY TO START NOW I am very much sure that I can complete work as per your requirements. I assure you that I will provide you quality work and within the decided time frame and budget. Please drop me a messa More

$250 USD in 3 days
(56 Reviews)
5.8
arjun366333

Ready to start the work to embedded the video code with the video player website including Vimeo or youtube and fix the issue in the player ,please check my recent similar work ,we can discuss more over chat,thanks re More

$166 USD in 3 days
(28 Reviews)
6.0
twinklekaur

Hi, I have read out your job description and got the idea what you need exactly. I am highly interested to work on your project so that I'm ready for a technical interview at any time. I would like to discuss mor More

$155 USD in 3 days
(15 Reviews)
4.0
ArtemGB

Hello! My name is Artem. nice to meet you in advance. I've read Your assignment. I offer you services in logo design, for your convenience, I will form my offer in packages: ECONOMY (100 dollars): * 1 version More

$60 USD in 3 days
(3 Reviews)
2.8