Devdit
 

ใส่เพลงใน Google site ด้วยการฝังโค้ด HTML5

2.5K

ใส่เพลงใน Google site ด้วยการฝังโค้ด HTML5 บทความนี้สอนวิธีการใส่เพลงลงในเว็บไซต์ที่ทำขึ้นด้วย Google Sties ผ่านระบบฝังโค้ด โดยโค้ดที่ฝังจะเป็นแท็ก audio ของ HTML5 มีลำดับขั้นตอนดังนี้

 

ตัวอย่าง ใส่เพลงใน Google site ด้วยการฝังโค้ด HTML5

1. เข้าเว็บไซต์ Google Sites และเข้าสู่ระบบให้เรียบร้อย พร้อมกับเลือกเว็บไซต์ที่ต้องการใส่เพลง

https://sites.google.com/

2. เมนูด้านขวามือเลือกแท็บ แทรก > ฝัง เพื่อเรียกหน้าต่างโปรแกรมฝังจากเว็บ

 

3. ที่หน้าต่างฝังจากเว็บ เลือกฝังโค้ด และวางโค้ดด้านล่างลงในช่อง TextArea และกดปุ่มถัดไป ตรง attribute src ของแท็ก audio ให้เปลี่ยนเป็นที่อยู่ของไฟล์เพลงที่ต้องการ

<audio controls>
  	<source src="music.ogg" type="audio/ogg">
  	<source src="music.mp3" type="audio/mpeg">
	โปรแกรมเล่นอินเทอร์เน็ตของคุณไม่รองรับแท็ก audio
</audio>

4. จะขึ้นหน้าแสดงตัวอย่าง ให้กดปุ่มแทรก

5. หากสำเร็จจะขึ้นตัวเล่นเพลงที่หน้าเว็บไซต์ที่สร้างด้วย Google Sites

เขียน 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ