วิธีการทำสไลด์โชว์เป็�? HTML5

HTML5 ถัดไปสร้างเว็บมาตรฐาน เป็นที่หัวมุม คุณจะเพิ่มการสนับสนุ�? HTML5 เว็บไซต์ของคุณได้อย่างไ�? บางทีก็เวลาน้อยในการเตรีย�? บทความนี้จะแสดงวิธีการทำสไลด์โชว�? HTML5 และฝังเว็บไซต์ของคุ�?

สไลด์โชว�? HTML5 ทำงานเอง

รุ่นที่ใหญ่ที่สุดของ HTML5 อย่างใดอย่างหนึ่งคือคุณสามารถโดยตรงฝัง และเล่นวิดีโอออนไลน์โด�? ด้วยวิธีนี�? ผู้เข้าชมสามารถดูสไลด์โชว์ HTML5 ตามเบราว์เซอร์สนับสนุน HTML5 ผู้เล่นแฟลชไม่จำเป็�? เนื่องจาก HTML5 มีมาเป็นรุ่นสุดท้าย ตัวแปลงสัญญาณวิดีโอสามารถคงใช้ WebM, H264, Ogv หรือทั้งสองอย่าง

นี่คือวิธีที่คุณสามารถฝังวิดีโอสไลด์โชว์เป็�? HTML5:

< poster="movie.jpg วิดีโอ" ควบคุม >
< แหล่�? src='movie.webm' ชนิด=' วิดีโอ/webm ตัวแปลงสัญญา�? "vp8.0, vorbis" = " / >
< แหล่�? src='movie.ogv' ชนิด=' วิดีโอ/ogg ตัวแปลงสัญญา�? "theora, vorbis" = " / >
< แหล่�? src='movie.mp4' ชนิด=' วิดีโอ/mp4 ตัวแปลงสัญญา�? = " avc1.4D401E, mp4a.40.2"'/ >
< วีดีโอ >

ถ้าคุณสามารถดูวิดีโอด้านล่าง เว็บเบราว์เซอร์ของคุณสนับสนุน HTML5 เกินไ�? ปัจจุบัน เบราว์เซอร์สนับสนุน HTML5 สไลด์โชว์แล้�? ดูรายละเอียดเพิ่มเติมเกี่ยวกับ HTML5 เบราว์เซอร์

HTML5 สไลด์โชว์วิดีโอสร้างด้วยDVD Slideshow Builder Deluxe - ช่วงการเปลี่ยนภาพมากกว่า 100 รว�?

ตอนนี้สิ่งที่คุณจำเป็นต้องเฉพาะ HTML5 สไลด์โชว์ซอฟต์แวร์ และสร้างสไลด์โชว์วิดีโอในรูปแบ�?MP4 (AVC)

สไลด์โชว�? HTML5 แบบโต้ตอ�?

เช่นปัจจุบันใช้แฟลชสไลด์โชว์บนเว็บไซต�? คุณยังสามารถออกแบบนำเสนอภาพนิ่ง HTML5 โดยไม่ต้องติดตั้งอะไ�? แน่นอน คุณไม่ต้องเขียนตัวแปลงสัญญาณด้วยตนเอง ที่นี่เราใช้เวลาร่วมกัน HTML5 สไลด์โชว์ออนไลน์ตัวอย่างแสดงวิธีการฝังเป็นสไลด์โชว์ HTML5

1. วางแฟ้มในตำแหน่งที่เหมาะสม

เมื่อคุณดาวน์โหลดแฟ้มโครงกา�? HTML5 ที�? unzip แฟ้มคอมพิวเตอร์ และย้า�? หรืออัปโหลดไปยังโฟลเดอร์ของเว็บไซต์ของคุ�?

นอกจากนี้ยังมีบุคคลอื่นร่วมโครงการของพวกเขา HTML5 สไลด์โชว์ออนไลน์ Google หนึ่งและเปลี่ยนแปลงให้เหมาะสมกับความต้องการของคุณ กว่าให้ลิขสิทธิ์ การขอบคุณการทำงานของคนอื่น ทำตามคำสั่งที่อนุญาต

2. เปลี่ยนรหัสให้เหมาะสมกับความต้องการของคุณ

โดยปกต�? คุณไม่จำเป็นต้องเปลี่ยนรหัสขอ�? css แล�? js แฟ้ม ยกเว้นที่อยู่การเชื่อมโยงถ้าคุณได้ใส่ไว้ในโฟลเดอร์อื่น ตัวอย่าง คุณควรเปลี่ยนที่อยู่การเชื่อมโยงแฟ้ม css กา�? 'scripts/script.js' ถ้าคุณได้ย้ายแฟ้�? script.js ลงในโฟลเดอร์ที่มีอยู่ที่เรียกว่�? 'สคริปต�?' ที่อยู่การเชื่อมโยงชนิดนี้คือการเชื่อมโยงสัมพัทธ์ ในขณะที่ชนิดอื่นเป็นการเชื่อมโยงแบบสัมบูรณ�? เช่�? http://yoursite.com/scripts/script.js ถ้าเป็นฝังสไลด์โชว�? HTML5 เพจในโฟลเดอร์คุณควรใช้เหมือ�? ' ... /scripts/script.js' เมื่อต้องการเชื่อมโยงแบบสัมบูรณ์ดีกว่าหากคุณไม่คุ้นเคยกับความแตกต่าง

ส่วนสำคัญที่สุดของสไลด์โชว�? HTML5 นี้ถูกทำเครื่องหมายในกล่องสีแดง คัดลอกรหัสนี้ไปยังหน้าใด �? ต้องสไลด์โชว�? HTML5 เพื่อแสดง และเปลี่ยนที่อยู่ของรูปภาพเช่นข้า�?

คลิกเพื่อดูภาพขยา�?

3. แสดงการเบราว์เซอร์ HTML5 ตัวอย่าง

สุดท้า�? ดูวิธีดูสไลด์โชว�? HTML5 เหมือนในเบราว์เซอร์ HTML5 โดยปกต�? คุณจะได้รั�?นี้สไลด์โชว์ HTML5 หน้า คุณยังสามารถดาวน์โหลดไฟล์นำเสนอภาพนิ่งขอ�? HTML5 และดูรายละเอียดกระบวนการในการออกแบบ โดยมาร์ติน Angelov

นอกจากนี้ยัง ตรวจสอ�?แฟลชสไลด์โชว์ต้นแบ�?เพื่อให้ภาพนิ่งการป้อนเว็บไซต์ในคลิ