โค้ดเล่นไฟล์สกุล m3u8 บนเว็บไซต์

ไฟล์สกุล .m3u8 เป็นรูปแบบไฟล์คอมพิวเตอร์ที่มีรายการเพลง มัลติมีเดีย หรือสำหรับรายการสด Live broadcast จากสถานีวิทยุ โค้ดนี้สามารถฟังได้ทั้งเครื่องคอมพิวเตอร์ และสมาร์ทโฟน ทุกระบบ

คัดลอกโค้ดไปใช้ได้เลยครับ
<script src="https://jwpsrv.com/library/iCNxUOakEeKTGxIxOQulpA.js"></script>
    <script>jwplayer.key="IlVNgC+NtBYXe66VHWfLpLzgHU7cOg7MBhdlHA=="; </script>
    <br />
<div id="mediaspace">
</div>
<script>
        var createPlayer = function ()
        {
          jwplayer('mediaspace').setup({
             playlist: [{ file: 'ใส่URL ของไฟล์ที่นี่' }],
             width: '300',
             height: '30',
             autostart: true,
             aspectratio: '16:9',
             primary: 'html5',
             androidhls: true,
    events:{
    onReady:function(){
     jwplayer().setVolume(100);
    }
   }
          });
        }
        createPlayer();
    </script>

ตัวอย่าง
สถานีวิทยุเอฟเอ็ม 87.5 วิทยุรัฐสภา
http://202.57.162.55:1935/live04/live04/playlist.m3u8


โค้ด Position fixed ให้อยู่ในตำแหน่งที่ต้องการของหน้าจอแบบ fixed

โค้ด "Position fixed" คือการกำหนดภาพ หรือ วีดีโอ หรือ คอนเทนต์อื่นๆ ให้อยู่ในตำแหน่งที่ต้องการของหน้าจอแบบ fixed ไม่เลื่อนขึ้น-ลง ไปตามหน้าเว็บ

คัดลอกโค้ดไปใช้ได้เลยครับ
<div style="display:scroll;left:5px;position:fixed;top:1px;">
ใส่เนื้อหา
</div>

อธิบายการกำหนดตำแหน่ง
left:5px(ระยะชิดซ้าย) right:5px(ระยะชิดขวา) left:50%(กึ่งกลางจากซ้าย) right:50%(กึ่งกลางจากขวา)
top:1px (ระยะชิดบน) bottom:1px(ระยะชิดล่าง)

*ท่านสามารถปรับเปลี่ยน px และตำแหน่งได้ตามความเหมาะสม ของลักษณะการใช้งานได้ครับ

ตัวอย่าง
<div style="display:scroll;left:5px;position:fixed;top:1px;">
<img border="0" src="https://1.bp.blogspot.com/-Vao5m1PlNpo/V9tQM7inmyI/AAAAAAAATFE/4FXzq_ieQakz-1GjfDbUg9KxKGGXzjBrACLcB/s90/web-fixed.png" />
<div>




การแก้ปัญหา Network Error (tcp_error)

แก้ปัญหาเนตโหลดช้า โหลดหน้าเว็บช้า บางทีเข้าหน้าเว็บไม่ได้ สาเหตุจาก Network Error (tcp_error)

หน้าจอขึ้นข้อความดังนี้
Network Error (tcp_error)
A communication error occurred: "Operation timed out"
The Web Server may be down, too busy, or experiencing other problems preventing it from responding to requests. You may wish to try again at a later time.

For assistance, contact your network support team.

วิธีแก้ปัญหา
1.ที่มุมขวาของหน้าจอโน๊ตบุค หรือคอมพิวเตอร์
1.1ให้คลิกที่ไอคอนสัญญาณWireless
1.2 แล้วคลิกที่ Open Network and Sharing Center

2.คลิกที่ Wireless Network Connection

3.คลิกที่  QOS Packet Scheduler ออก >>แล้วกดOK

เสร็จแล้วก็ Restart (รีสตาร์ทเครื่อง)
แล้วกลับมาใช้ได้ตามปกติ แล้วการท่องเว็บของท่านจะรวดเร็ว ลื่นไหลขึ้นครับ

แสดงภาพเป็นวงกลมในบล็อกและเว็บไซต์ border-radius

วิธีทำให้รูปภาพเป็นวงกลม โดยอัตโนมัติ สำหรับบล็อกและเว็บไซต์
เหมาะสำหรับบล็อกเกอร์ หรือเว็บไซต์ ที่ต้องการแสดงภาพที่สวยและแตกต่าง
((คลิกดูตัวอย่างบล็อก))



โค้ดแสดงภาพให้เป็นวงกลม ตัดขอบให้เป็นวงกลม ครอปเป็นวงกลม

โค้ด
.post img{max-width:auto;width:100%;-ms-interpolation-mode:bicubic;border:0;border-radius:50%;}

วิธีวางโค้ด
>>คัดลอกโค้ดสีแดงข้างต้น
>>แก้ไข HTML
>>ค้นหา ]]< /b skin>
>>วางโค้ดสีแดงลงก่อนหน้า ]]< /b skin>
>>บันทึกแทมเพลต (เสร็จ)

คำแนะนำเพิ่มเติม
*สามารถโหลดภาพได้ปกติ ภาพที่แสดงจะเป็นวงกลมโดยอัตโนมัติ
*ควรเป็นภาพสี่เหลี่ยมจตุรัส (ถ้าหากเป็นสี่เหลี่ยมผืนผ้า ภาพจะเป็นวงรี)
*หรือถ้าหากภาพเป็นสี่เหลี่ยมผืนผ้า ให้แก้ไขที่ Url ของภาพ โดยเพิ่ม -c ดังตัวอย่าง และผลที่แสดงจะเป็นสี่เหลี่ยมจตุรัส

เดิม
https://1.bp.blogspot.com/-_Ok1_P-FilA/VxHH5QM4bfI/AAAAAAAASbc/VaO4KBweRVYHEmTyEzoAPV6Cs7rKoMwjACLcB/s1600/flower-CIMG6170-500.JPG

เพิ่ม -c
https://1.bp.blogspot.com/-_Ok1_P-FilA/VxHH5QM4bfI/AAAAAAAASbc/VaO4KBweRVYHEmTyEzoAPV6Cs7rKoMwjACLcB/s1600-c/flower-CIMG6170-500.JPG
ภาพที่ได้
ตัวอย่างบล็อก>> http://thai-oldsong.blogspot.com

โค้ดสั่งพิมพ์หน้านี้

โค้ดสั่งพิมพ์หน้านี้(1) สำหรับต้องการแสดงเป็นรูปภาพ
<input onclick="javascript:window.print()" type="image" src="https://4.bp.blogspot.com/-PPA3uyPUHoM/V4w44OnWElI/AAAAAAAASzQ/0RZXOmaM2wc7kZ_d9U04JjEoUKv4ThY5gCLcB/s50/print.jpg" name="print1">


โค้ดสั่งพิมพ์หน้านี้(2)
<input type="button" value="Print" onclick="window.print()" />


โค้ดสั่งพิมพ์หน้านี้(3) สำหรับต้องการแสดงเป็น Botton
<input onclick="javascript:window.print()" type="button" value="คลิ๊กเพื่อ Print หน้านี้" name="print2">



วิธีทำปุ่ม subscribe youtube บนเว็บไซต์ได้โดยไม่ต้องเข้าไปใน channel

เพื่อความสะดวก ให้แฟนเพจคลิก subscribeสมัครรับข้อมูล สำหรับการติดตามชมการอัปเดตวีดีโอบน Channel YouTube ของเราแบบง่ายๆโดยไม่ต้องเข้าไปใน Channel

ขั้นตอน
1. เข้าไปที่ bit.ly/youtube_subscribe
2. ไปที่ Configure a button
3.(1)ใส่่ Channel ID (2)เลือก Layout (3)เลือกTheme (4)คัดลอกโค้ด (ดูภาพประกอบ)
4.นำโค้ดที่ได้ไปวางในเว็บไซต์ได้เลยครับ ทำง่ายๆดังนี้ครับ
ไปที่ >> รูปแบบ>> เพิ่มGadget >>HTML/จาวาสคริปต์
>>วางโค้ด >>บันทึก >>บันทึกการจัดเรียง >>เสร็จครับ



ภาพขั้นตอนการสร้างโค้ด(คลิกที่ภาพเพื่อขยาย)

โค้ด Subscribe youtube (ท่านสามารถใช้โค้ดนี้ได้เลยนะครับ)
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="ใส่Channel ID " data-layout="default" data-count="default"></div>

ภาพการวางโค้ดลงบล็อก (คลิกที่ภาพเพื่อขยาย)

ตัวอย่าง



/////////////
เพิ่มเติม
ยังมีอีกวิธีหนึ่งคือ ทำลิงก์ไปยังช่อง YouTube ของท่าน แล้วให้โชว์ "ป๊อบอัปปุ่ม subscribe" เพื่อให้ผู้ชมรายใหม่คลิก "ติดตาม" ก่อนเข้าชมวีดีโอ
เพียงแค่เติม ?sub_confirmation=1 ลงต่อท้าย URL ของช่องYouTube
ดังตัวอย่างเช่น

https://www.youtube.com/channel/UCYPiB0H8LcObuiTAAxRau8g?sub_confirmation=1

ถ้าหากผู้เข้าชมกดติดตามแล้ว "ป๊อบอัปปุ่ม subscribe" ก็จะไม่แสดงขึันมาอีกเลยครับ
วันนี้