JavaScript ile Video Büyütme
Youtube sitesinde yayınlanan videolardan beğendiğiniz, hoşunuza giden veya ziyaretçilerin görmesini istediğiniz videoların sitenizde istediğiniz boyutlarda
eklemek isterseniz eğer örnek olarak aşağıda bir kod paylaştım.
Standart ve Geniş boyutlarda olmasını istediğiniz değerleri yazarak ziyaretçilerinizin isteğine göre işlem yapmasını sağlayabilirsiniz.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Javascript ile Video Büyütme</title> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> </head> <body> <div id="videoBolmeYoutube"> <iframe width="600" height="350" src="https://www.youtube.com/embed/VwjiCzuie2Y" frameborder="0" allowfullscreen></iframe> </div> <br /> <button id="videoStandartYoutube">Standart Ekran</button> - <button id="videoGenisYoutube">Geniş Ekran</button> <script type="text/javascript"> $('#videoGenisYoutube').click(function(){ var _iFrame = $('#videoBolmeYoutube').find('iframe'); _iFrame.css('width',900); // Geniş Ekran Genişlik _iFrame.css('height',400); // Geniş Ekran Yükseklik }); $('#videoStandartYoutube').click(function(){ var _iFrame = $('#videoBolmeYoutube').find('iframe'); _iFrame.css('width',600); // Standart Ekran Genişlik _iFrame.css('height',350); // Standart Ekran Yükseklik }); </script> </body> </html>
Yorum Yap