พัฒนาเว็บไซต์ด้วย HTML5

HTML5 การใช้งาน param Tag

แท็ก <param> ใน HTML5 ใช้สำหรับกำหนดค่าพารามิเตอร์สำหรับวัตถุ (object) เช่น media player, applet หรือ plug-in ที่อยู่ภายใน <object> แท็ก ซึ่ง <param> จะไม่แสดงผลต่อผู้ใช้โดยตรง แต่จะส่งค่าพารามิเตอร์ที่จำเป็นให้กับปลั๊กอินหรือวัตถุภายในนั้น

ใน HTML5 แท็ก <param> สามารถมีการประยุกต์ใช้งานได้ในหลายลักษณะ ดังตัวอย่างต่อไปนี้

การใช้งานกับแท็ก <object> สำหรับไฟล์มัลติมีเดีย

แท็ก <param> มักถูกใช้ภายใน <object> เพื่อระบุค่าพารามิเตอร์สำหรับเนื้อหามัลติมีเดีย เช่น การตั้งค่าการเล่นไฟล์วิดีโอหรือเสียง

HTML
<object data="video.mp4" type="video/mp4" width="400" height="300">
  <param name="autoplay" value="true">
  <param name="controls" value="true">
  Browser does not support video.
</object>
  • data="video.mp4" ระบุแหล่งที่มาของไฟล์วิดีโอ
  • <param name="autoplay" value="true"> บอกให้วิดีโอเล่นอัตโนมัติ
  • <param name="controls" value="true"> เพิ่มการควบคุมสำหรับเล่นวิดีโอ เช่น ปุ่มเล่น/หยุด

การใช้งานกับปลั๊กอินหรือแอปเพลต

ในบางกรณีที่เว็บเบราว์เซอร์รองรับปลั๊กอินหรือแอปเพลต (applet) เช่น Flash หรือ Java Applet สามารถใช้แท็ก <param> เพื่อส่งข้อมูลพารามิเตอร์ไปให้ปลั๊กอินเหล่านั้นได้

ตัวอย่างการใช้งานปลั๊กอิน

HTML
<object data="myapp.swf" type="application/x-shockwave-flash" width="300" height="300">
  <param name="quality" value="high">
  <param name="bgcolor" value="#ffffff">
</object>
  • type="application/x-shockwave-flash" ระบุว่าปลั๊กอินที่ใช้เป็น Flash
  • <param name="quality" value="high"> กำหนดคุณภาพการแสดงผลของ Flash
  • <param name="bgcolor" value="#ffffff"> กำหนดสีพื้นหลังของแอปพลิเคชัน Flash

การกำหนดพารามิเตอร์ที่ซับซ้อนยิ่งขึ้น

สามารถใช้แท็ก <param> เพื่อส่งข้อมูลเพิ่มเติมให้กับวัตถุ เช่น การกำหนด URL ของไฟล์ที่จำเป็นสำหรับการโหลดทรัพยากร หรือกำหนดพารามิเตอร์อื่น ๆ ที่จำเป็น

HTML
<object data="player.swf" type="application/x-shockwave-flash" width="400" height="300">
  <param name="movie" value="media.swf">
  <param name="flashvars" value="autostart=true&volume=75">
</object>
  • <param name="movie" value="media.swf"> ส่งไฟล์ SWF ให้ปลั๊กอิน Flash
  • <param name="flashvars" value="autostart=true&volume=75"> ส่งพารามิเตอร์เพิ่มเติมเพื่อให้ไฟล์เล่นอัตโนมัติและกำหนดระดับเสียงเริ่มต้นที่ 75%

การใช้กับไฟล์ SVG (Scalable Vector Graphics)

แท็ก <object> ยังสามารถใช้เพื่อแสดงไฟล์ SVG ได้ โดยในกรณีนี้ <param> สามารถใช้เพื่อระบุค่าพารามิเตอร์เพิ่มเติมสำหรับการแสดงผลกราฟิกเชิงเวคเตอร์

HTML
<object data="image.svg" type="image/svg+xml" width="500" height="500">
  <param name="scale" value="auto">
</object>
  • <param name="scale" value="auto"> ใช้กำหนดให้กราฟิก SVG ปรับขนาดตามความเหมาะสมอัตโนมัติ

สรุป

แท็ก <param> เป็นวิธีที่มีประสิทธิภาพในการส่งข้อมูลพารามิเตอร์ไปให้วัตถุหรือปลั๊กอินต่าง ๆ ภายในแท็ก <object> แม้ว่าในปัจจุบันการใช้งานปลั๊กอินอย่าง Flash และ Java Applet จะไม่เป็นที่นิยมแล้ว แต่การใช้งาน <param> ในการจัดการไฟล์มัลติมีเดีย เช่น วิดีโอหรือไฟล์ SVG ยังคงมีอยู่

Tags
แชร์เรื่องนี้

เรื่องที่น่าสนใจ