/
home
/
u775757334
/
domains
/
civicwelllife.com
/
public_html
/
include
/
/home/u775757334/domains/civicwelllife.com/public_html/include
mkdir
upload
Name
Size
Mode
Actions
about1.php
1746
0644
edit
dl
rm
about2.php
3128
0644
edit
dl
rm
blog-section.php
8307
0644
edit
dl
rm
category-list.php
5334
0644
edit
dl
rm
category-wise-product.php
4868
0644
edit
dl
rm
category.php
2107
0644
edit
dl
rm
client-section.php
2156
0644
edit
dl
rm
cta-banner.php
405
0644
edit
dl
rm
cta-section-1.php
1180
0644
edit
dl
rm
cta-section.php
1165
0644
edit
dl
rm
customer-menu.php
382
0644
edit
dl
rm
day-offer.php
13055
0644
edit
dl
rm
doctor-menu.php
1478
0644
edit
dl
rm
footer-file.php
1779
0644
edit
dl
rm
footer-tab.php
1928
0644
edit
dl
rm
footer.php
11953
0644
edit
dl
rm
header-file.php
658
0644
edit
dl
rm
header-top.php
4157
0644
edit
dl
rm
header.php
19312
0644
edit
dl
rm
impact-section.php
2841
0644
edit
dl
rm
mobile-category.php
1292
0644
edit
dl
rm
mobile-menu.php
8536
0644
edit
dl
rm
model.php
49991
0644
edit
dl
rm
offer.php
2821
0644
edit
dl
rm
product-slide.php
7439
0644
edit
dl
rm
related-product.php
11034
0644
edit
dl
rm
shopping-cart.php
1938
0644
edit
dl
rm
slider.php
2252
0644
edit
dl
rm
testimonial.php
2023
0644
edit
dl
rm
trust-section.php
3902
0644
edit
dl
rm
video-section.php
4045
0644
edit
dl
rm
yt-section.php
4945
0644
edit
dl
rm
Edit:
/home/u775757334/domains/civicwelllife.com/public_html/include/video-section.php
(4045B)
<section class="doctor-product-section"> <div class="container"> <div dir="ltr" class="swiper doctor-sw-collection" data-preview="4" data-tablet="3" data-mobile="2" data-space-lg="30" data-space-md="20" data-space="15" data-loop="true" data-auto-play="true"> <div class="swiper-wrapper"> <?php $sql = mysqli_query($conn, "SELECT * FROM tbl_youtube where vedio_type = 2 ORDER BY id DESC"); while ($rowyt = mysqli_fetch_assoc($sql)) { $video_id = ''; if (strpos($rowyt['link'], 'youtu.be') !== false) { $video_id = basename($rowyt['link']); } elseif (strpos($rowyt['link'], 'watch?v=') !== false) { parse_str(parse_url($rowyt['link'], PHP_URL_QUERY), $params); $video_id = $params['v'] ?? ''; } elseif (strpos($rowyt['link'], 'shorts/') !== false) { $parts = explode('shorts/', $rowyt['link']); $video_id = explode('?', $parts[1])[0]; } ?> <div class="swiper-slide"> <div class="doctor-card"> <div class="video-box"> <!-- VIDEO (autoplay muted) --> <iframe id="player<?= $rowyt['id'] ?>" src="https://www.youtube.com/embed/<?= $video_id ?>?autoplay=1&mute=1&enablejsapi=1&controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> <!-- UNMUTE BUTTON --> <div class="mute-overlay" onclick="unmuteVideo('player<?= $rowyt['id'] ?>', this)"> 🔇 Tap for sound </div> </div> <div class="doctor-info"> <h5><?= $rowyt['name'] ?></h5> </div> </div> </div> <?php } ?> </div> </div> </div> </section> <style> /* .video-box { position: relative; width: 100%; height: 350px; border-radius: 12px; overflow: hidden; } */ /* iframe */ .video-box iframe { width: 100%; height: 100%; } /* fallback thumbnail */ .video-fallback { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; } .video-fallback img { width: 100%; height: 100%; object-fit: cover; } /* play button */ .play-btn { position: absolute; font-size: 40px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 12px 18px; border-radius: 50%; } .video-box { position: relative; width: 100%; height: 350px; border-radius: 12px; overflow: hidden; cursor: pointer; } .video-box img { width: 100%; height: 100%; object-fit: cover; } .video-box iframe { width: 100%; height: 100%; } .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 42px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 12px 18px; border-radius: 50%; } </style>
Save
🔇 Tap for sound
= $rowyt['name'] ?>