Build YouTube Video Gallery demo HTML page
$10-30 USD
Paid on delivery
I'm building a travel video blog website (no CMS, pure Java / Java Server Pages) and I need a sample of HTML page (with necessary CSS and JS files) that has YouTube video gallery similar to this page: [login to view URL] (see attached screenshots) Your sample will help me to build frontend solution for my website.
For every video from a gallery, thumbnail image representing a video is shown on a page (screenshot 1).
Whenever mouse cursor is over thumbnail, youtube logo play button is shown in the middle of the thumbnail (screenshot 1)
When thumbnail is clicked a popup that has max size is shown with embedded YouTube video that starts playing (screenshot 2)
Whenever user clicks outside of the embedded player, video is stopped (IMPORTANT!) and popup with video is hidden
More detail:
On my website I will have articles that have videos between paragraphs:
<p>Text</p>
<div class="video">videoId1</div>
<p>Text2</p>
<div class="video">videoId2</div>
<p>Text3</p>
Your javascript code should replace all divs with class="video" with HTML that represent video tiles (thumbnails) that could be clicked to play video in a full screen popup.
P.S: it's OK to build your solution on top of existing JavaScript libraries etc.
Project ID: #36661584
About the project
28 freelancers are bidding on average $23 for this job
★★★★★★ START NOW ★★★★★★ Message me so we talk in detail.. I placed bid after checked your requirement if you want you can ask me any question regarding your requirement. I'm interested to work on your project. And More
Hello Maxim A., I have read your requirements for Build YouTube Video Gallery demo HTML page. I am a professional Web developer with 7+ years of experience in custom themes and plugins. I can do this project very we More
Hello, i can do this i have 5 year experience in website design and development in html, css and js I believe that my skillset makes me an excellent fit for this project and would love to discuss further how I could he More
I'm Siddrah, a certified developer, freelancer and experienced professional with over 7 years of experience in web development and designing. I specialize in CSS, HTML, JavaScript, Website Design and more. I have compl More
I have Decent knowledge of Python and can help you with your projects. Can we have a chat to discuss it further in detail?
Hei there. I saw the screenshots and I read the documentation. I think I can use create a specific component integrating the behaviour you described for the Thumbnails. Let's have a chat even today to go deeper and sta More
Hello there! My name is Zahid and I have 4 years of full stack web app development experience. I understand what you're looking for in terms of a video gallery HTML page and I believe I am the best fit for this project More
Hello, I hope you are well. I understand your requirements and my profile fits what you need to do. I can do the popup window through event handling with JavaScript. I am a frontend developer, I have experience with More
Hi i will design this within few hours i have already done this type jobs looking forward to hearing from you thanks arjan
I read your application and I consider that I can do it, as I am a student this kind of jobs are helpful for me to have experience. Well, I would like you to write me for any doubt you have or the other way around; so More
