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>
22 pekerja bebas membida secara purata $154 untuk pekerjaan ini
I am Ali and I working as a full-stack developer but most times working on Backend PHP , WP and frameworks like Laravel. My Linkedin : [login to view URL] My website: [login to view URL]
Hello. I have 10+ years of experience in web development and I am 100% confident in this project. I can start right now and give you perfect result in next Monday. Looking forward from your end. Regards.