Merhaba arkadaşlar
https://w3layouts.com/preview/?l=/eduma-a-video-background-education-flat-bootstrap-responsive-web-template/
Buradaki sayfadaki gibi siteme kendi istediğim bir videoyu gömmek istiyorum. Bunun bir örneğini basit bir şekilde yapabilir misiniz? Aynı zamanda wm üyelerinde faydalı bir çalışma olmuş olur.
Siteye video gömme |
9 Mesajlar | 5.188 Okunma | ||
- Üyelik 02.07.2016
- Yaş/Cinsiyet 40 / E
- Meslek Ajans Sahibi
- Konum Ankara
- Ad Soyad B** T**
- Mesajlar 30
- Beğeniler 11 / 4
- Ticaret 0, (%0)
- Üyelik 02.07.2016
- Yaş/Cinsiyet 39 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad B** O**
- Mesajlar 1705
- Beğeniler 820 / 523
- Ticaret 19, (%100)
swf dosyayısıyla çalışmakta bu kolay birşey. Swf player sistemli.
- Üyelik 02.07.2016
- Yaş/Cinsiyet 40 / E
- Meslek Ajans Sahibi
- Konum Ankara
- Ad Soyad B** T**
- Mesajlar 30
- Beğeniler 11 / 4
- Ticaret 0, (%0)
Yok youtubeden çekilmiş bir videoda aynı şekilde. otomatik oynatılıyor.
- Üyelik 02.07.2016
- Yaş/Cinsiyet 39 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad B** O**
- Mesajlar 1705
- Beğeniler 820 / 523
- Ticaret 19, (%100)
- Üyelik 02.07.2016
- Yaş/Cinsiyet 40 / E
- Meslek Ajans Sahibi
- Konum Ankara
- Ad Soyad B** T**
- Mesajlar 30
- Beğeniler 11 / 4
- Ticaret 0, (%0)
Arkadaşım yotube yada mp4 ben nasıl olduğunu merak ediyorum. Yukarıda da yazdım. You tubeden link vererek de çekilebilir.
Nasıl yapılıyor?...
Nasıl yapılıyor?...
- Üyelik 02.07.2016
- Yaş/Cinsiyet 39 / E
- Meslek Webmaster
- Konum İstanbul Avrupa
- Ad Soyad B** O**
- Mesajlar 1705
- Beğeniler 820 / 523
- Ticaret 19, (%100)
html 5 player ile, iyice kodlama bilmen gerekiyor.
Ek Olarak: http://www.w3schools.com/html/html5_video.asp Burada çok iyi anlatılmış.
Ek Olarak: http://www.w3schools.com/html/html5_video.asp Burada çok iyi anlatılmış.
- Üyelik 02.07.2016
- Yaş/Cinsiyet 40 / E
- Meslek Ajans Sahibi
- Konum Ankara
- Ad Soyad B** T**
- Mesajlar 30
- Beğeniler 11 / 4
- Ticaret 0, (%0)
Arkadaşım ufak bir örnekle bu iş anlatılabilir. Biz zaten forumdan böyle bir istek talep ediyoruz. Çok iyi bilmen gerekiyor derken çok bilmişlik taslama.
- Üyelik 25.07.2014
- Yaş/Cinsiyet 31 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3508
- Beğeniler 488 / 1190
- Ticaret 1, (%100)
Tam Ekran Youtube Video
veya
https://code.google.com/archive/p/jquery-tubular/downloads
demo: http://seanmccambridge.com/tubular
- Üyelik 14.05.2016
- Yaş/Cinsiyet 32 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 561
- Beğeniler 171 / 208
- Ticaret 0, (%0)
hocam merhaba;
ben şu şekilde kullanıyorum :
bu html kodu :
bu css kodu :
Buradan Test Edebilirsiniz.
iyi çalışmalar
Ek Olarak :
Api İle Yapılmış versiyonu :
bu da gerekli css :
buda api test adresi
ben şu şekilde kullanıyorum :
bu html kodu :
bu css kodu :
* {margin: 0; padding: 0}
.bgVideo { position: fixed; z-index: -99; width: 100%; height: 100%; }
.bgVideo iframe { width: 120%!important; height: 120%!important; position: fixed; margin-left: -10%; margin-top: -10%; }
.siteContiner { position: absolute; width: 100%; height: auto; top: 0; left: 0; min-height: 100%!important; }
Buradan Test Edebilirsiniz.
iyi çalışmalar
Ek Olarak :
Api İle Yapılmış versiyonu :
<script></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('bgVideo', {
videoId: 'VYCOg-yglNM', // YouTube Video ID
width: '100', // Player width (in px)
height: '100', // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 0, // Show pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 1, // Hide the Youtube Logo
loop: 1, // Run the video in a loop
fs: 0, // Hide the full screen button
cc_load_policty: 0, // Hide closed captions
iv_load_policy: 3, // Hide the Video Annotations
autohide: 0 // Hide video controls when playing
},
events: {
onReady: function(e) {
// e.target.mute(); <- bu videonun sesini kapatmak için..
}
}
});
}
</script>
bu da gerekli css :
#bgVideo {
position: fixed; z-index: -99; width: 120%!important; height: 120%!important; margin-left: -10%; margin-top: -10%;
}
buda api test adresi
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)