วิธีติดตั้ง JW PLAYER 6 บน BLOGGER

1.การติดตั้ง javascript

ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML

แล้วค้นหาโค้ด </head>

จากนั้นก๊อปโค๊ดด้านล่างไปวางไว้เหนือ </head> แบบในรูปด้านบน

<script src='https://jwpsrv.com/library/iUJA3jnmEeSLyCIACtqXBA.js'/>

<script src='http://www.longtailvideo.com/jwplayer/jwplayer.js' type='text/javascript'/>

<script src='http://www.longtailvideo.com/jwplayer/key.js' type='text/javascript'/>

2.1 การโพสวีดีโอ

สร้างบทความไหม่ แล้วเลือก HTML ตามรูป จากนั้นก็ก๊อปโค๊ดด้านล่าง (หรือก๊อปจาก ที่นี่) ไปวางได้เลย

<div id="myElement">Loading the player...</div>

<script type="text/javascript">

jwplayer("myElement").setup({

file: "วางลิ้งวิดีโอตรงนี้",

image: "วางลิ้งรูป",

title:"Play",

width:'100%',

height:389

});

</script>

2.2 การตั้งค่า

ตรง วางลิ้งวิดีโอตรงนี้ ไห้วาง HotLink วีดีโอที่ฝากไว้ ตามเว็บ Host ต่างๆ หรือบน Dropbox, Google Drive ถ้ามี Host ของตัวเองก็เอามาวางได้ (วิธีไช้ Google Drive https://youtu.be/B9W6AfqGfeA)
หรือ ลิ้งจากเว็บวีดีโออื่นๆอย่าง Youtube, Dailymotion, VIMEO

ในส่วนของ วางลิ้งรูป เป็นการวางลิ้งรูปสำหรับการสร้าง thumbnail

3. เพิ่มเติม

กรณีต้องการสร้างวีดีโอมากกว่า 1 อัน ในหนึ่งบทความ ต้องแก้ใขโดยเพิ่มตัวเลขตรง myElement ตามตัวอย่างด้านล่าง อยากสร้างกี่อันก็เพิ่มตัวเลขเขาไป แต่ต้องไม่ซ้ำกัน

<div id="myElement2">Loading the player...</div>
<script type="text/javascript">
jwplayer("myElement2").setup({
file: "วางลิ้งวิดีโอตรงนี้",
image: "วางลิ้งรรูป",
title:"Play",
width:'100%',
height:389
});
</script>

ตัวอย่าง

Loading the player...