แนะนำ การแทรก swf ไฟล์ ด้วย jQuery SWFObject Plugin
11 November 2010สามารถเข้าไปศึกษา และดูรายละเอียดได้ด้วยตัวเองที่
http://jquery.thewikies.com/swfobject/
การใช้งาน jQuery SWFObject Plugin ทำให้สะดวกในการแทรกไฟล์ swf หรือที่เราชอบเรียกกันว่าไฟล์ flash ลงในเว็บไซต์
ตัวอย่างการใช้งาน
รวมโค้ดตัวอย่าง และการใช้งาน
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>use swfobject</title>
</head>
<body>
<div id="my_flash"></div>
<br />
<div id="my_flash2"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.swfobject.1-1-1.min.js"></script>
<script type="text/javascript">
$(function(){
// การใช้งานทั่วไป
$("#my_flash").flash({ // แทรกไฟล์ swf ใน div id=my_flash
swf:"http://flowplayer.org/swf/flash10.swf", // ตำแหน่ง path ไฟล์ swf ที่ต้องการแทรก
width: 800, // กำหนดความกว้าง หากไม่กำหนด ค่าเริ่มต้นจะเท่ากับ 320
height: 300, // กำหนดความสูง หากไม่กำหนด ค่าเริ่มต้นจะเท่ากับ 180
allowFullScreen: true, // กำหนดให้สามารถแสดงเต็มจอได้ **
wmode: 'transparent', // กำหนดกรณีให้ flash อยู่ด้านล่าง เมื่อมีส่วนอื่นมาบัง **
// expressInstaller: 'heyUseThisExpressInstaller.swf', // กำหนดไฟล์สำหรับติดตั้ง flash plugin แบบทันที **
// hasVersion:10, // กำหนด flash player เวอร์ชั่นที่ต้องการ **
// encodeParams: false, // กำหนดให้เข้ารหัส ค่า params หากไม่กำหนดค่าเริ่มต้น เท่ากับ true **
// hasVersionFail:function(options){ // ฟังก์ชัน กรณีเวอร์ชั่นของ flash ไม่รองรับ หรือตรงกับที่กำหนด **
// // console.dir(options); // look at all the useful goodies
// return false; // returning false means the expressInstaller document will not be used
// return true; // would have let the expressInstaller document be used
// },
// flashvars: { // กำหนดตัวแปร สำหรับใช้งานร่วมกับ flash ชื่อ และค่าตัวแปร ขึ้นอยู่กับไฟล์ swf กำหนด **
// myvar:'my var value'
// }
});
// กำหนดให้เข้ารหัส ค่า params หากไม่กำหนดค่าเริ่มต้น เท่ากับ true
// $.flash.encodeParams = false;
// สำหรับตรวจสอบว่า browser ใช้ flash ผ่านทาง activeX ถ้าเป็น ie จะเป็น true
// return $.flash.activeX; // returns true or false
// กำหนดไฟล์สำหรับติดตั้ง flash plugin แบบทันที
// $.flash.expressInstaller = 'myFlashPath/expressInstall.swf';
// สำหรับตรวจสอบว่าใช้ flash เวอร์ชั่นที่เท่ากับ หรือมากกว่าที่กำหนดหรือไม่
// return $.flash.hasVersion(9.1); // returns true if at least Flash 9.1 or greater is detected
// สำหรับตรวจสอบเวอร์ชันของ flash plugin
// return $.flash.version
//
// ตัวอย่างการคืนค่าเมื่อเรียกใช้
// /* returns {
// array: [10, 0, 45],
// major: 10,
// minor: 0,
// release: 22,
// original: 'Shockwave Flash 10.0 r45',
// string: '10.0.45'
// } */
// ตรวจสอบว่า flash plugin ได้ติดตั้งแล้วหรือไม่ คืนค่าเป็น true หรือ false
// return $.flash.available; // returns true or false
// สร้าง flash object ไว้ในตัวแปร สำหรับ เรียกใช้ภายหลัง
var useLater = $.flash.create(
{
swf:"http://flowplayer.org/swf/flash10.swf",
width: 800,
height: 300
}
);
// เรียกใช้งาน flash object จากตัวแปร ด้วย jQuery
$("#my_flash2").html(useLater);
// ** กำหนดหรือไม่ ก็ได้
// ส่วนที่ comment และมีคำอธิบาย เป็นการแสดงคุณสมบัติเพิ่ม
// เติมที่เราสามารถเรียกใช้งานได้ ไม่จำเป็นต้องกำหนดเสมอไป
// จะกำหนดเมื่อต้องการใช้คุณสมบัติ หรือเรียกใช้งาานส่วนเพิ่มติม
// เท่านั้น
});
</script>
</body>
</html>
บทความในหมวดที่่น่าสนใจ อื่นๆ
บทความคนเข้าอ่านวันนี้
03 Jun 09 สร้างระบบ slide เลื่อนซ้าย ขวา ด้วย jquery อย่างง่าย อ่าน 14665 25 Sep 08 การกำหนด selectors ด้วย jQuery แบบตัวกรองพื้นฐาน อ่าน 2955 16 Dec 11 ใช้ jQuery กับ CSS สร้างเมนูย่อย แนวนอน รูปแบบคล้ายแท็บเมนู อ่าน 3479 26 Jan 12 แสดง icons กำหนดรูปเอง ให้จุดเริ่มเต้น และสิ้นสุดของเส้นทาง ใน google map อย่างง่าย อ่าน 1802 28 Oct 08 ดึงข้อมูลจาก text ไฟล์มาแสดงด้วย ajax อ่าน 5918 26 Feb 09 สร้างแบบฟอร์มค้นหาข้อมูลในเว็บไซต์ ด้วย Google อ่าน 4015 18 Mar 09 สร้างเครื่องคิดเลขอย่างง่ายด้วย CSS และ jQuery อ่าน 2307 23 Mar 11 เทคนิค หน่วงเวลา กับ event keyup ด้วย jQuery อ่าน 2535 22 Sep 11 แนวทาง การเลื่อนแล้ว fixed ตำแหน่งเนื้อหาที่ต้องการ ด้วย jQuery อ่าน 2024 06 Oct 10 การใช้งาน graph api ของ facebook ด้วย php sdk อ่าน 5024 21 Oct 08 php กับการแสดงวันที่เป็นภาษาไทย อ่าน 11586 19 Jun 10 สร้าง comment ด้วย social plugins ใน facebook api อย่างง่ายดาย อ่าน 20166 10 Oct 10 การใช้งาน stream.publish ของ facebook Old REST API ด้วย php sdk อ่าน 2951 09 Apr 10 สร้าง countdown นับเวลา ถอยหลัง ด้วย javascript อ่าน 5973 21 Aug 10 เริ่มใช้ และ ประยุกต์ CKEditor ให้ใช้งานง่าย เต็มความสามารถ อ่าน 4403 04 Oct 10 รู้จัก และใช้งาน php sdk สำหรับ facebook เพิ่มขึ้น อ่าน 4236 25 Sep 08 การใช้งาน CSS ศึกษาิวิธีการนำ CSS ไปใช้กับ HTML อ่าน 7862 24 Feb 11 ยืนยันการเปลี่ยนแปลงข้อมูลใน select option ด้วย javascript อย่างง่าย อ่าน 2530 02 May 10 ใช้งาน ajax ใน jQuery ดึงข้อมูลจากฐานข้อมูลมาแสดง ใน tooltip อ่าน 7130 25 Mar 09 ใช้งาน cookie ในการจำค่าชื่อผู้ใฃ้และรหัสผ่าน ด้วย javascript และ php อ่าน 3104