หัวข้อทั้งหมด

+
Home > ทรัพยากร>เคล็ดลั?> วิธีการทำสไลด์โชว์เป็? HTML5

วิธีการทำสไลด์โชว์เป็? 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)

Download Win Version

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

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

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

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

html5 slideshow

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

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

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

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

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

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

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

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

ผลิตภัณฑ์ที่เกี่ยวข้องกับคำถา? พูดคุยโดยตรงกับทีมสนับสนุน >>

ด้านบน