Build YouTube Video Gallery demo HTML page

Kapalı İlan edilme: 4 ay önce Teslim sırasında ödenir
Kapalı Teslim sırasında ödenir

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:


<div class="video">videoId1</div>


<div class="video">videoId2</div>


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.

JavaScript HTML CSS Web Sitesi Tasarımı YouTube

Proje NO: #36661584

Proje hakkında

28 teklif Uzak proje Aktif 2 ay önce

Bu iş için 28 freelancer ortalamada $23 teklif veriyor


I have understood your venture spec and this business fits within my range of facility. I would enjoy to come on panel and start the undertaking. I am available to begin instantly. Relevant Skills and Experience - 1 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(422 Değerlendirme)

★★★★★★ 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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(245 Değerlendirme)

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 Daha Fazla

$30 USD in 6 gün içinde
(44 Değerlendirme)

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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(56 Değerlendirme)

Hi, I have read the details posted in your project “ Build YouTube Video Gallery demo HTML page ” . I will give my 101% best output so that you can be fully satisfied for this project. I have 9 years of relevant exper Daha Fazla

$50 USD in 4 gün içinde
(65 Değerlendirme)

Hi i am software developer with great skills of php,html,css,wp ,wp customization , codeignter ,javascript,mysql etc am available to start your work now and create simple html page with gallary of video will be shown i Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(38 Değerlendirme)

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 Daha Fazla

$30 USD in 4 gün içinde
(17 Değerlendirme)

I have Decent knowledge of Python and can help you with your projects. Can we have a chat to discuss it further in detail?

$18 USD in 7 gün içinde
(6 Değerlendirme)

I understand that you are looking for someone to help build the YouTube Video Gallery demo HTML page for your travel video blog website. With my extensive background in web development and a focus on delivering high qu Daha Fazla

$20 USD in 7 gün içinde
(7 Değerlendirme)

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 Daha Fazla

$20 USD in 7 gün içinde
(1 Yorum)

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 Daha Fazla

$20 USD in 7 gün içinde
(1 Yorum)

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 Daha Fazla

$20 USD in 7 gün içinde
(0 Değerlendirme)

Hi i will design this within few hours i have already done this type jobs looking forward to hearing from you thanks arjan

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)

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 Daha Fazla

$20 USD in 7 gün içinde
(0 Değerlendirme)