Alla ämnen

+
Home > Sumber daya > Tips > Bagaimana membuat Slideshow HTML5

Bagaimana membuat Slideshow HTML5

HTML5, sebagai web generasi berikutnya standar, adalah sekitar sudut. Dukungan HTML5 akan menambahkan ke website Anda? Mungkin itu adalah waktu setidaknya untuk mempersiapkan. Artikel ini akan menunjukkan Anda 2 cara untuk membuat HTML5 slideshow dan embed ke situs web Anda.

Diri menjalankan HTML5 Slideshow

Salah satu upgrade terbesar HTML5 adalah bahwa Anda dapat langsung menanamkan dan bermain video online dengan menggunakan. Dengan cara ini, para pengunjung dapat menonton HTML5 slideshow sebagai browser mereka mendukung HTML5. Tidak ada Flash player diperlukan. Sejak HTML5 telah datang untuk versi terakhir, video codec mungkin bisa menggunakan WebM, H264, Ogv, atau keduanya.

Berikut adalah bagaimana Anda dapat menanamkan HTML5 slideshow video:

< video poster="movie.jpg" kontrol >
< sumber src='movie.webm' jenis =' video/webm; codec = "vp8.0, vorbis" ' / >
< sumber src='movie.ogv' jenis =' video/ogg; codec = "theora, vorbis" ' / >
< sumber src='movie.mp4' jenis =' video/mp4; codec = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Jika Anda dapat melihat video di bawah, browser web Anda mendukung HTML5, juga. Saat ini, kebanyakan browser mendukung HTML5 slideshow sudah. Melihat rincian lebih lanjut tentang browser HTML5.

HTML5 tayangan slide video diciptakan dengan DVD Slideshow Builder Deluxe - lebih dari 100 transisi yang disertakan.

Sekarang apa yang Anda butuhkan adalah hanya perangkat lunak slideshow HTML5 dan membuat slideshow video dalam format MP4 (AVC) .

Download Win Version

Tayangan slide interaktif HTML5

Seperti Flash slideshow saat ini digunakan di situs web, Anda juga dapat merancang HTML5 slideshow tanpa menginstal apa-apa. Tentu saja, Anda tidak perlu menulis codec sendiri. Di sini kita mengambil luas bersama HTML5 slideshow online, misalnya untuk menunjukkan kepada Anda bagaimana untuk menanamkan slideshow HTML5.

1. Masukkan file di tempat yang tepat.

Ketika Anda download file proyek HTML5 dari sini, unzip file ke komputer Anda, dan memindahkan atau meng-upload ke folder dari situs web Anda.

html5 slideshow

Ada juga orang lain untuk berbagi mereka HTML5 slideshow proyek online. Google untuk satu dan perubahan sesuai dengan kebutuhan Anda. Hal ini lebih baik untuk menempatkan pernyataan hak cipta untuk terima pekerjaan orang lain, atau mengikuti Pernyataan lisensi.

2. mengubah kode sesuai dengan kebutuhan Anda

Biasanya, Anda tidak perlu mengubah kode css dan js file, kecuali alamat link jika Anda telah menempatkan mereka di folder yang berbeda. Misalnya, Anda harus mengubah alamat link file css untuk 'scripts/script.js' jika Anda telah pindah script.js file ke folder yang ada yang disebut 'skrip'. Alamat link jenis ini disebut relatif link, sementara jenis lain adalah mutlak link, seperti http://yoursite.com/scripts/script.js. Jika HTML5 slideshow embed ke halaman dalam folder, Anda harus menggunakan sesuatu seperti '... /Scripts/script.js'. Anda akan lebih baik menggunakan link mutlak jika Anda tidak akrab dengan perbedaan.

Bagian yang paling penting ini slideshow HTML5 ditandai dalam kotak merah. Salin kode ini ke setiap halaman yang Anda inginkan tampilan slide HTML5 untuk menampilkan dan mengubah alamat gambar seperti dijelaskan di atas.

html5 slideshow code
Klik untuk memperbesar.

3. pratinjau dengan HTML5 browser

Terakhir, lihat bagaimana HTML5 slideshow tampak seperti di peramban HTML5. Biasanya, Anda akan mendapatkan ini slideshow HTML5. Pada halaman, Anda juga bisa download file slideshow HTML5 dan melihat proses rinci untuk desain oleh Martin Angelov.

Juga memeriksa Flash slideshow template untuk membuat slideshows situs klik.

Pertanyaan yang berhubungan dengan produk? Berbicara langsung ke tim dukungan kami >>

Atas