Làm thế nào để thực hiện một Slideshow HTML5

HTML5, như các trang web thế hệ tiếp theo tiêu chuẩn, là quanh góc. Bạn sẽ thêm hỗ trợ HTML5 để trang web của bạn? Có lẽ đó là thời gian tối thiểu để chuẩn bị. Bài viết này sẽ chỉ cho bạn 2 cách để làm cho HTML5 slideshow và nhúng vào trang web của bạn.

Tự chạy HTML5 Slideshow

Một nâng cấp lớn nhất của HTML5 là bạn có thể trực tiếp nhúng và phát video trực tuyến bằng cách sử dụng. Bằng cách này, du khách có thể xem HTML5 slideshow chừng nào của trình duyệt hỗ trợ HTML5. Không có Flash player yêu cầu. Kể từ khi HTML5 đã không đi đến phiên bản cuối cùng của nó, video codec có thể có thể sử dụng WebM, H264, Ogv hoặc cả hai.

Ở đây là làm thế nào bạn có thể nhúng một HTML5 chiếu video:

< video poster="movie.jpg" điều khiển >
< nguồn src='movie.webm' loại =' video/webm; codec = "vp8.0, vorbis" ' / >
< nguồn src='movie.ogv' loại =' video/ogg; codec = "theora, vorbis" ' / >
< nguồn src='movie.mp4' loại =' video/mp4; codec = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Nếu bạn có thể xem video dưới đây, trình duyệt web của bạn hỗ trợ HTML5, quá. Ngày nay, hầu hết các trình duyệt hỗ trợ HTML5 slideshow đã. Xem thêm chi tiết về các trình duyệt HTML5.

HTML5 chiếu video tạo ra với DVD Slideshow Builder Deluxe - nhiều hơn 100 các quá trình chuyển đổi bao gồm.

Bây giờ những gì bạn cần là chỉ là một phần mềm slideshow HTML5 và tạo ra trình chiếu video trong định dạng MP4 (AVC) .

Tương tác HTML5 Slideshow

Như trình chiếu Flash hiện đang được sử dụng trên các trang web, bạn có thể cũng thiết kế một slideshow HTML5 mà không cần cài đặt bất cứ điều gì. Tất nhiên, bạn không phải viết codec cho mình. Ở đây chúng tôi có một chia sẻ rộng rãi HTML5 slideshow trực tuyến cho các ví dụ để cho bạn thấy làm thế nào để nhúng một slideshow HTML5.

1. đặt tập tin ở đúng nơi.

Khi bạn tải về các tập tin dự án HTML5 từ đây, giải nén tập tin vào máy tính của bạn, và di chuyển hoặc tải lên thư mục của trang web của bạn.

Còn những người khác để chia sẻ HTML5 slideshow dự án của họ trực tuyến. Google cho một và thay đổi cho phù hợp với nhu cầu của bạn. Nó là tốt hơn để đặt các thông báo bản quyền để cảm ơn công việc của người khác, hoặc làm theo những điều khoản của giấy phép.

2. thay đổi mã để phù hợp với nhu cầu của bạn

Thông thường, bạn không cần phải thay đổi mã css và js tập tin, ngoại trừ địa chỉ liên kết nếu bạn đã đặt chúng trong một thư mục khác nhau. Ví dụ, bạn nên thay đổi địa chỉ liên kết tập tin css để 'scripts/script.js' nếu bạn đã di chuyển script.js tập tin vào một thư mục hiện tại được gọi là 'kịch bản'. Loại địa chỉ liên kết được gọi là tương đối liên kết, trong khi một loại là liên kết tuyệt đối, chẳng hạn như http://yoursite.com/scripts/script.js. Nếu chiếu HTML5 nhúng vào một trang trong một thư mục, bạn nên sử dụng một cái gì đó như '... /Scripts/script.js'. Bạn phải sử dụng liên kết tuyệt đối nếu bạn không quen thuộc với sự khác biệt.

Một phần quan trọng nhất của slideshow HTML5 này được đánh dấu trong hộp màu đỏ. Sao chép mã này vào bất kỳ trang nào bạn muốn HTML5 slideshow để hiển thị và thay đổi địa chỉ hình ảnh như mô tả ở trên.

Bấm vào để phóng to.

3. xem trước với HTML5 trình duyệt

Cuối cùng, xem như thế nào HTML5 chiếu trông giống như trong trình duyệt HTML5. Thông thường, bạn sẽ nhận được này slideshow HTML5. Trên trang, bạn cũng có thể tải về HTML5 slideshow tập tin và xem chi tiết quá trình thiết kế bởi Martin Angelov.

Cũng kiểm tra Flash slideshow mẫu để làm cho trang web trình chiếu trong nhấp chuột.