JavaScript ile Video Büyütme

Yazan Tarih 20 Mart, 2015 Yorum yapılmamış

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>

Uygulama Örnek Sayfası

JavaScript ile Video Büyütme Uygulamasını İndir

Paylaş:

Etiket