skip to Main Content

Jquery – JavaScript, video trailer (including YouTube iframe) playback issue with hoover on flip cards' front side

<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> </head> <main> <h1>TM</h1> <p>Game cards.</p> <p><a href="https://github.com/murattasci06"><i class="fab fa-github"></i></a></p> </main> <ul> <li class="card" onmouseenter="showTrailer('https://www.youtube.com/watch?v=rt-2cxAiPJk')"> <div class="card__flipper"> <div class="card__front"> <img src="https://gecbunlari.com/wp-content/uploads/2021/12/Spiderman-No-Way-Home.jpg" alt="Spiderman"> <p class="card__name"><span>Marvels</span><br>Spiderman</p> <p class="card__num">1</p> </div> <div class="card__back"> <svg height="180" width="180"> <circle cx="90" cy="90"…

VIEW QUESTION

custom table filter js/jquery script

I have 4 checkboxes to filter 4 categories of table data. <input type="checkbox" value="audio" id="music_filter"> <input type="checkbox" value="video" id="video_filter"> <input type="checkbox" value="writing" id="writing_filter"> <input type="checkbox" value="game" id="games_filter"> <table> <tr class="audio"> <td>some data</td> </tr> <tr class="video"> <td>some data</td> </tr> <tr class="writing">…

VIEW QUESTION
Back To Top
Search