About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

การ Insert ไฟล์ Flash Video มาใช้กับเว็บ (FLV) [Article ID : 128]

เรื่อง : การ Insert ไฟล์ Flash Video มาใช้งานกับเว็บเพจด้วย Dreamweaver

Dreamweaver สามารถนำไฟล์ Media มาใช้งานได้หลากหลายรูปแบบ รูปแบบหนึ่งที่เราสามารถนำมาใช้ได้ คือ รูปแบบภาพเคลื่อนไหวในรูปแบบของ Flash Video หรือไฟล์ที่มีลักษณะเป็นภาพยนต์ใน Format ของ Flash นั้นเอง ซึ่งไฟล์ Flash Video นี้จะมีนามสกุลของไฟล์เป็น *.flv ครับ เช่น cartoon.flv เป็นต้น
ดังนั้น ถ้าต้องการเรียนรู้ไปกับบทความนี้ ต้องทำการจัดเตรียมไฟล์ *.flv ไว้เสียก่อน *ด้านล่างนี้คือตัวอย่างครับ

ขั้นตอนการ Insert Flash Video ลงสู่เว็บเพจ

เมื่อได้ทำการจัดเตรียมไฟล์ Flash Video (*.flv) เตรียมไว้แล้ว จากนั้นให้ปฏิบัติตามขั้นตอน ดังนี้

1. ทำการสร้างไฟล์เว็บเพจขึ้นมาใหม่ หรืออาจจะใช้ไฟล์เก่าที่เรามีความต้องการแทรกไฟล์ Flash Video ขึ้นมาก็ได้เช่นเดียวกัน
2. ไปที่ Insert ที่ Media เลือกไปที่ไอคอน Flash Video ดังรูป
(CC : Insert -> Media -> Flash Video, CS5,CS6 : Insert -> Common -> Media -> FLV)

*Dreamweaver CC
3. จากนั้นโปรแกรมจะเปิดหน้าต่าง Insert FLV ให้เราทำการกำหนดค่าที่หน้าต่างนี้ ดังรูป

ที่หน้าต่างนี้ ให้เรากำหนดค่าต่าง ๆ ดังนี้
Video Type : Progressive Download Video
URL : ทำการ Browse.. เลือกไฟล์ FLV ที่เตรียมไว้
Skin : เลือกรูปแบบของ Control ตามต้องการ
Width, Height : กดที่ปุ่ม Detect Size เพื่อกำหนดขนาดแสดงผลเท่ากับขนาดวีดีโอของเรา
เมื่อกำหนดได้แล้วกดปุ่ม OK

4. โปรแกรมจะทำการ Insert ไฟล์ Flash Video ลงที่หน้าเว็บเพจให้เรา ดังรูป

5. ทำการ Save และกด F12 เพื่อพรีวิวดูการแสดงผลกับ Web Browser ได้ดังรูป

สำหรับ Option อื่น ๆ ที่ Properties Panel นั้น ให้คุณลองกำหนดค่าด้วยตนเองดูครับ ไม่ยากครับ เพราะชื่อ Option ส่วนใหญ่เราอ่านเข้าใจกันได้ อย่างไรลองใช้กันดู...สวัสดีครับ.

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

การทำ Rollover Image (เปลี่ยนรูปภาพเมื่อ MouseOver)

เรื่อง : การทำ Rollover Image กับโปรแกรม Dreamweaver หลายท่านคงเคยพบหรือเคยใช้งานเทคนิคที่เราเรียกกันว่า Rollov...

การสร้างจุด Link (Text Link)

การสร้าง Link ในแบบ Text Link Link หรือ ลิงค์ เป็นจุดเชื่อมโยงที่ปรากฎบนหน้าเว็บ เพื่อให้ผู้ใช้งานเว็บสามารถคลิกหรือกด...

สร้างจุด Link ภายในเว็บเพจเดียวกัน (Named Anchor)

เรื่อง : การสร้างจุด Link ภายในเว็บเพจเดียวกันด้วย Dreamweaver Web Page เราสามารถกำหนดจุด หรือตำแห...

การสร้าง Form และ Input สำหรับกรอกข้อมูล

เรื่อง : การสร้าง Form และ Input เพื่อให้ผู้ใช้เว็บกรอกข้อมูลโดยใช้ Dreamweaver Form หรือ ฟอร...

DwThai.Com

Tip and Trick Dreamweaver

การ Insert ไฟล์ Flash Video มาใช้กับเว็บ (FLV) [Article ID : 128]

เรื่อง : การ Insert ไฟล์ Flash Video มาใช้งานกับเว็บเพจด้วย Dreamweaver

Content on this page requires a newer version of Adobe Flash Player.

ขั้นตอนการ Insert Flash Video ลงสู่เว็บเพจ

บทความอื่นที่คุณอาจสนใจ

ติดต่อ DwThai.Com

เขียน Guestbook : DwThai.Com