button:focus değerine yanaldan border eklemek için box-shadow kullanarak yaprım ekleyerek denedim be oldu.
<div class="col-xl-4 col-md-6 col-sm-1">
<div class="col-md-6" style="max-width: 510px; max-height: 290px" style="margin: 0px auto !important">
<iframe id="myIframe5" width="510" height="290" style="display: none;" src="" frameborder="0" allowfullscreen="autoplay" style="border: 1px solid black;"></iframe>
<img src="../img/videos/tanjant.webp" width="510" height="290" class="myButton4" data-video-id="fB9-trYPzu4" style="width: 510px; height: 290px; object-fit: fill; border-radius: 5px;">
<div>
<h4>Tanjant İzleme ile Otomatik Birleştirme</h4>
</div>
Örnek olarak bir yer.
Tekrardan düzelttim, birden fazla iframe kullanıyorum bu yüzden (".myButton2") gibi 20 den fazla butonum var.
Evet, benim sorunum yeniden başlatarak çözüldü.
Teşekkürler, şu anda deneyemeyeceğim, denediğimde sıknıtı yaşamazsan "Doğru cevap" olarak işaretlerim.
Sunucu HTTP 2.0 destekliyormuş, sadece baktığım sayfa HTTP 1.1 gönderiyormuş. Yani sorumun bir amacı kalmadı ama genede bilgilerinizi aktarırsanız sevinirim. Bir şeyler öürenmiş olurum.
VSCode üzerinden çalıştıramadım ve Koala kurdum. Koala üzerinde "compass mode" var ama hata veriyor, uğraşamadım. PHPStorm da ise VSCode kullanama o kadar alışmışım, ilerleyen zamanlar için kullanırım, şimdi kısayolalrını anlayana kadar vs. uğraşacak vaktim yok.