[Blogger tips] - How to Embed JW Player in Blogger วิธีติดตั้ง JW Player ใน Blogger

How to Embed JW Player in Blogger to Play Flash/ MP4/ FLV Videos?
วิธีติดตั้ง JW Player ใน Blogger  

jw player เป็นมีเดียเพลย์เยอร์ ที่นิยมใช้งานกันอย่างแพร่หลายตามเว็บไซต์ที่แสดงคลิปวีดีโอต่าง ๆ
ซึ่งโดยส่วนใหญ่จะเป็น  youtube

ข้อดีของ jw player คือ สามารถดึงไฟล์ วีดีโอ ต่างๆ มาแสดงได้ทุกที่ ไม่ว่าคุณจะฝากไว้ที่เว็บไหน เปรียบเสมือนเครื่องเล่น ไฟล์ วีดีโอ บนเว็บไซต์นั้นเอง

สำหรับชาว Blogger ที่ต้องการ นำไปใช้งาน  ไม่ใช่เรื่องยากครับ ไปดูวิธีการติดตั้งเจ้า  jw player  กันเลย

ขั้นตอนการติดตั้ง

ขั้นที่ 1 ติดตั้ง Javascript (jQuery)

ก่อนอื่นให้คุณ Login เข้าไปที่ blogger.com และจากแผงควบคุมให้เข้าไปที่ แม่แบบ >> แก้ไข HTML

ให้หาโค้ดคำว่า </head> แล้ววางโค้ดด้านล่างไว้เหนือคำว่า </head>

<script src="https://sites.google.com/site/siani3d99/home/code/swfobject%202.2.js" type="text/javascript">
</script>

ขั้นที่  3 ติดตั้ง HTML แสดง JW Player 

แก้ไขโค้ด ด้านล่าง แล้วนำไปวาง ใน Post HTML ที่ต้องการแสดง

<Div id="video1">Please install the Flash Plugin</Div>
<script type="text/javascript">
var flashvars = { file:'http://ที่อยู่ไฟล์วิดีโอ.mp4', autostart: 'false' };
var params = { allowfullscreen:'true', allowscriptaccess:'always' };
var attributes = { id:'player1', name:'player1' };
swfobject.embedSWF('http://player.longtailvideo.com/player.swf','video1','470','380','9.0.115','false', flashvars, params, attributes);
</script>

•  video1  เปลี่ยนเป็น  video2, video3 ต่อๆไป กรณีที่มีแสดงหลายคลิบ
•  player1 เปลี่ยนเป็น  player2, player3 ต่อๆไป กรณีที่มีแสดงหลายคลิบ
• http://ที่อยู่ไฟล์วิดีโอ.mp4 ที่อยุ่ไฟล์ วิดีโอ ที่เราฝากไว้กับเว็บต่างๆ
• 470  ความ กว้าง ของ วิดีโอที่จะแสดง
• 380  ความ สูง ของวิดีโอที่จะแสดง

ตัวอย่างโค้ดที่แก้ไขแล้ว สามามารถ คัดลองไปทดลองใช้ได้เลย

<Div id="video1">Please install the Flash Plugin</Div>
<script type="text/javascript">
var flashvars = { file:'http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4', autostart: 'false' };
var params = { allowfullscreen:'true', allowscriptaccess:'always' };
var attributes = { id:'player1', name:'player1' };
swfobject.embedSWF('http://player.longtailvideo.com/player.swf','video1','470','380','9.0.115','false', flashvars, params, attributes);
</script>

Please install the Flash Plugin