- 4 May 2022
- 80
- 33
Çoklu Ortam İçerik Ekleme
Sitenize HTML5 ile eklemiş olduğunuz mp4 video ve mp3 ses biçimleri şu anki mevcut tarayıcılar tarafından çalıştırabilir. Kodlamaya geçmeden önce İnternet’ten sitenize eklemek istediğiniz bir video ve sesi kendi isminizle oluşturmuş olduğunuz dizine indiriniz.
1. UYGULAMA
Kodlayıcı Görevi
• Video ya da ses etiketleri içerisinde çeşitli kodlar yazılabilir. Bu kodların işlevleri aşağıdaki tabloda verilmiştir. Bu kodları test edelim.
<source> kodu içerisine video ya da sesin nerede olduğunu belirtirken dikkat edilmesi gereken önemli bir nokta var. Aşağıdaki kod, kaynağın olduğu yeri belirtir.
src="mov_bbb.mp4"
Bu durumda kodlamanın yapıldığı dosyanın kayıt edildiği dizin aynı olmalıdır. Dizinler farklı ise aşağıdaki şekilde kodlama yapılmalıdır.
src="dizinismi/mov_bbb.mp4"
Peki, youtube gibi bir sosyal ağ sitesinden sitemize video eklemek istendiğinde ne yapılabilir? İşte bu durumda HTML5’teki <video> etiketi yerine başka kodlara ihtiyaç duyulur. Çünkü sosyal video paylaşım sitelerinin çalışma mantığı mp4 video biçimlerinden farklıdır. Şimdi ilk olarak herhangi bir sosyal video paylaşım sitesinden ilgi çekici bir video bulunuz ve daha sonra videonun altındaki paylaş (share) butonuna basarak karşınıza çıkan linki kopyalayınız. Bu link videonun kaynağı olacaktır. Şimdi üç farklı yöntemle bu videoyu site sayfasına eklenecektir.
2. UYGULAMA
Bu uygulama ile youtube’daki bir videoyu üç farklı yöntemle sayfaya eklenmiştir. Peki HTML5 ile <video> içerisinde controls, loop kodları eklenebiliyordu. Youtube’dan video eklenen üç yöntemde bunu nasıl yapılabilir?
src="https:siteninismi/embed/K76S40-VtZBI?autoplay=0&loop=1&controls=1">
Autoplay=0 : Sayfa yüklendiğinde videoyu otomatik başlatma.
Loop=1 : Video bittiğinde tekrar başlat.
Controls=1 : Video kontrol butonlarını görünür yap.
Herkese İyi Forumlar Dilerim.
