Nasıl bir HTML5 slayt gösterisi yapmak

HTML5, standart, sonraki nesil web yakındır. HTML5 desteği, Web sitenize eklemek istiyorsunuz? En azından hazırlamak için zaman olabilir. Bu makalede, Web sitenize embed ve HTML5 slayt gösterisi yapmak için 2 yol gösterecektir.

Kendi kendine çalışan HTML5 slayt gösterisi

HTML5 büyük yükseltme doğrudan embed ve kullanarak videoları online oyun biridir. Onların tarayıcıyı HTML5 destekler sürece bu şekilde ziyaretçiler HTML5 slayt gösterisi izleyebilirsiniz. Birden parlamak oyuncu gerekli. HTML5 için onun sonda gelen yorum gelmedi beri video codec muhtemelen WebM, H264, Ogv veya her ikisini kullanabilirsiniz.

İşte nasıl bir HTML5 slayt gösterisi video katıştırabilirsiniz:

< video poster="movie.jpg" denetimleri >
< src='movie.webm kaynak ' türü =' video/webm; codec bileşenleri "vp8.0, vorbis" = "/ >
< src='movie.ogv kaynak ' türü =' video/ogg; codec bileşenleri "theora, vorbis" = "/ >
< src='movie.mp4 kaynak ' türü =' video/mp4; şifre = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Sen-ebilmek görmek belgili tanımlık video aşağı, web tarayıcılar HTML5, çok desteklemiyor. Günümüzde, en tarayıcılarda HTML5 slayt gösterisi zaten destekler. HTML5 tarayıcılar hakkında daha fazla ayrıntı görmek.

HTML5 slayt video DVD Slideshow Builder Deluxe ile - dahil 100'den fazla geçişleri yaratılmıştır.

Şimdi ne ihtiyacınız sadece bir HTML5 slayt gösterisi yazılım ve slayt gösterisi video MP4 (AVC) biçiminde oluşturmak.

Etkileşimli HTML5 slayt gösterisi

Şu anda kullanılan Flash slayt gösterisi gibi Web sitelerinde, yükleme olmadan bir HTML5 slayt gösterisi bir şey de tasarlayabilirsiniz. Tabii ki, codec bileşeni kendiniz yazmak zorunda değilsiniz. Biz yaygın olarak paylaşılan HTML5 için bir slayt gösterisi online bir HTML5 slayt gösterisi katıştırmak nasıl size göstermek örnek al.

1. dosyaları doğru yere koyun.

Buradan HTML5 proje dosyasını indirdiğinizde, unzip belgili tanımlık eğe, bilgisayarınıza ve taşıma veya Web klasörüne yükleyin.

Onların HTML5 slayt gösterisi projeyi çevrimiçi paylaşmak için başka insanlar da var. Gereksinimlerinize göre Google bir ve değişim için. Başkalarının çalışma teşekkür veya lisans deyimlerini izleyin için telif hakkı bildirimi koymak daha iyi olur.

2. sizin ihtiyaçlarınıza uygun kodunu değiştirmek

Genellikle, farklı bir klasöre koyarsanız bağlantı adresi dışındaki css ve js dosyaları kodunu değiştirmeniz gerekmez. Örneğin, script.js dosya 'komut' adlı varolan bir klasöre taşıdıysanız 'scripts/script.js' css dosyası bağlantı adresini değiştirmeniz gerekir. Başka bir türü http://yoursite.com/scripts/script.js gibi mutlak bağlantı ise bu tür bir bağlantı adresi göreli bağlantı, denir. HTML5 slayt gösterisi katıştırmak, bir klasörde bir sayfaya, gibi bir şey kullanmanız gerekir '... /Scripts/script.js'. Farkı ile aşina değilseniz daha mutlak bağlantı kullanmak istiyorum.

Bu HTML5 slayt gösterisi en önemli parçası kırmızı kutusunda işaretlenir. Bu kodları yukarıda açıklanan HTML5 slayt gösterisi görüntüleme ve görüntü adresi gibi değiştirmek için istediğiniz herhangi bir sayfayı kopyalayın.

Büyütmek için tıklayın.

3. HTML5 tarayıcılar ile Önizleme

Son olarak, nasıl HTML5 slayt gösterisi HTML5 tarayıcınızda neye benzediğini görmek. Normalde, sen-ecek almak Bu HTML5 slayt gösterisi. Ayrıca, sayfada, HTML5 slayt gösterisi dosyaları indirmek ve Martin Angelov tarafından tasarlamak için ayrıntılı işlem görebilirsiniz.

Da kontrol dışarı web sitesi daha hiç bir Slideshow tıklama yapmak için Flash slayt gösterisi şablonları .