About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

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

Go to Post-iT Sign Guestbook

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

การ Insert ไฟล์ Flash VDO ใช้งานกับเว็บ (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

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

การใช้ CSS กับโปรแกรม Dreamweaver CC

เรื่อง : สร้าง CSS ด้วยโปรแกรม Dreamweaver CC CSS ย่อมาจาก Cascading Style Sheets ...

การตั้งไซต์งานใหม่ (New Site, Site Setup)

เรื่อง : เริ่มต้นใช้งานโปรแกรม Dreamweaver ต้องทำ Site Setup ก่อน ก่อนที่เราจะใช้งานโปรแกรม Dreamweaver...

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

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

วิธีการนำรูปภาพเข้ามาใช้งานใน Web Page ด้วย Dreamweaver

เรื่อง : การใส่รูปภาพให้กับ Web Page ด้วยโปรแกรม Dreamweaver การจัดทำ Web Page แน่นอนสิ่งหนึ่งที่จะขาดไม่ได้นอกจากตัวหน...

DwThai.Com

Tip and Trick Dreamweaver

การ Insert ไฟล์ Flash VDO ใช้งานกับเว็บ (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