โค้ด Youtube สวยๆ
<div style="position: absolute; top: 14px; left: 450px;" title="">
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box; overflow: auto; width: 300px; height: 200px; border: 0px dashed; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: #8b0000 0px 0px 0px; box-shadow:#8b0000 0px 0px 30px; background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="260"></iframe>
</center>
</div>
</div>
</div>
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box; overflow: auto; width: 300px; height: 200px; border: 0px dashed; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: #8b0000 0px 0px 0px; box-shadow:#8b0000 0px 0px 30px; background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="260"></iframe>
</center>
</div>
</div>
</div>
ขวาล่าง
โค้ด
<div style="position: fixed;right: 1%;bottom: 2%;" title="">
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 250px;height: 200px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="210"></iframe>
</div></center>
</div>
</div>
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 250px;height: 200px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="210"></iframe>
</div></center>
</div>
</div>
ซ้ายล่าง
โค้ด
<div style="position: fixed;left: 1%;bottom: 2%;" title="">
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 250px;height: 200px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="210"></iframe>
</div></center>
</div>
</div>
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 250px;height: 200px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('รูปภาพพื้นหลัง');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="160" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="210"></iframe>
</div></center>
</div>
</div>
เอา Youtube ไปติดแทนรูปโปรไฟล์
โค้ด
โค้ด
<div style="position: absolute;left: -27%;top: 45px;" title="">
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 200px;height: 160px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('https://static-cdn.jtvnw.net/jtv_user_pictures/e91a3dcf-c15a-441a-b369-996922364cdc-profile_image-300x300.png');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="130" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="150"></iframe>
</div></center>
</div>
</div>
<div align="left">
<center>
<div id="youtubestyle" style="box-sizing: border-box;overflow: auto;width: 200px;height: 160px;border: 0px dashed;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;-webkit-box-shadow: #8b0000 0px 0px 0px;box-shadow:#8b0000 0px 0px 30px;background-image: url('https://static-cdn.jtvnw.net/jtv_user_pictures/e91a3dcf-c15a-441a-b369-996922364cdc-profile_image-300x300.png');">
<br>
<iframe allow="autoplay; encrypted-media" frameborder="0" height="130" src="https://www.youtube.com/embed/uWE9Op73OHw?&autoplay=1&rel=0&start=0&showinfo=0&hd=1&autohide=0" width="150"></iframe>
</div></center>
</div>
</div>
ความคิดเห็น
แสดงความคิดเห็น