ขุดหลุมฝัง Flash (SWF) ลงในบล็อก

ถ้าจะแสดงไฟล์วีดิทัศน์ที่สร้างจาก Flash ในบล็อกของเราจะทำอย่างไร?

รหัสสำหรับแสดง Flash (SWF) ในบล็อก ขึ้นอยู่กับองค์ประกอบหลายอย่าง แต่ก่อนอื่น เราต้องมีไฟล์ swf อยู่บนเครื่องแม่ข่าย (host) หรือไม่ก็ต้องอัพโหลดไฟล์ไปไว้บนเครื่องแม่ข่ายก่อน สมมติว่าไฟล์อยู่ที่นี่ http://thaiblogger.org/media/myfile.swf

วิธีที่ 1 ฝังเครื่องเล่น (Embed the Player)

รหัส html สำหรับฝัง media player control ของ Flash จะเป็นอย่างนี้

HTML:
  1. <embed src="http://thaiblogger.org/media/myfile.swf" width="160" height="120" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

ความกว้าง x ความสูงของเครื่องเล่น อาจมีขนาดคู่กันดังนี้:
160x120, 240x135 (16:9 widescreen), 240x180, 320x180 (16:9 widescreen) และ 320x240 หรือขนาดอื่นตามต้องการ

ส่วนคุณภาพของภาพ (quality) อาจเป็น:
High, Medium, หรือ Low

วิธีที่ 2 ลิ้งค์ไปยังเครื่องเล่น (Link to Player) จากข้อความ หรือรูปภาพ

จากข้อความ:
สมมติว่า ข้อความ คือ "คลิกเพื่อดูไฟล์แฟลช"

HTML:
  1. <span style="color:blue;text-decoration:underline;cursor p ointer;" onclick="window.open('http://thaiblogger.org/media/myfile.swf','mywindow','width=320,height=240')">คลิกเพื่อดูไฟล์แฟลช</span>

จากรูปภาพ:
สมมติว่า ภาพอยู่ที่ http://thaiblogger.org/images/mypic.jpg

HTML:
  1. <img src="http://thaiblogger.org/images/mypic.jpg" alt="" style="cursor p ointer;" onclick="window.open('http://thaiblogger.org/media/myfile.swf','mywindow','width=320,height=240')" />

วิธีที่ 3 ลิ้งค์จากรูปภาพไปยังเครื่องเล่นที่ฝังไว้ (Link to Embedded Player)

สมมติว่า ภาพอยู่ที่ http://thaiblogger.org/images/mypic.jpg

JavaScript:
  1. <script type="text/javascript">function f1146632625219(obj) {obj.parentNode.innerHTML = '<embed src="http://thaiblogger.org/media/myfile.swf" width="160" height="120" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>';}</script><div><img src="http://thaiblogger.org/images/mypic.jpg" height="120" width="160" alt="" style="cursor p ointer;" onclick="f1146632625219(this)"></div>

ความกว้าง x ความสูงของเครื่องเล่น อาจมีขนาดคู่กันดังนี้:
160x120, 240x135 (16:9 widescreen), 240x180, 320x180 (16:9 widescreen) และ 320x240 หรือขนาดอื่นตามต้องการ

ส่วนคุณภาพของภาพ (quality) อาจเป็น:
High, Medium, หรือ Low

ตัวอย่างการเล่น Flash ด้วยวิธีที่ 2 ลิ้งค์ไปยังเครื่องเล่นจากรูปภาพ

คลิกที่รูปภาพเพื่อเล่นเกมส์ The Red Tsunami -- ปราบผู้ก่อการร้าย (1.64 MB)

Leave a Reply

;( :x :s :p :o :d :[ :) :( :$ 8) (~) (y) (w) (u) (t) (p) (o) (n) (l) (i) (g) (f) (e) (d) (c) (b) (^) (@) (8) (*) ;) (&amp;)

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image