HTML YouTube Videos
14 تیر 1404
ارسال شده توسط سمیرا خانی
43 بازدید
✅ قرار دادن ویدیو یوتیوب در HTML
برای قراردادن یک ویدیوی یوتیوب در صفحهی HTML، میتوانی از تگ <iframe> استفاده کنی. این تگ توسط خود یوتیوب نیز ارائه میشود.
✅ نمونه ساده
<!DOCTYPE html>
<html>
<head>
<title>قراردادن ویدیو یوتیوب</title>
</head>
<body>
<h2>ویدیوی مورد علاقه من</h2>
<iframe width=“560” height=“315”
src=“https://www.youtube.com/embed/dQw4w9WgXcQ”
title=“پخشکننده ویدیوی یوتیوب”
frameborder=“0”
allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share”
allowfullscreen>
</iframe>
</body>
</html>
✅ چگونه لینک جاسازی (Embed) را از یوتیوب بگیریم؟
-
به صفحه ویدیوی مورد نظر در یوتیوب برو.
-
روی دکمه اشتراکگذاری (Share) کلیک کن.
-
گزینه جاسازی (Embed) را انتخاب کن.
-
کد HTML را کپی کرده و در صفحهی HTML خود بچسبان (Paste) کن.
🔧 شخصیسازی ویدیو
میتوانی برخی پارامترها را تغییر دهی:
-
widthوheight— برای تغییر اندازه ویدیو. -
افزودن
?autoplay=1به لینکsrcبرای پخش خودکار ویدیو. -
افزودن
&mute=1برای بیصدا کردن ویدیو (برای کارکرد بهتر پخش خودکار در مرورگرها).
نمونه:
<iframe width=“560” height=“315”
src=“https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1”
allow=“autoplay; encrypted-media”
allowfullscreen>
</iframe>
دیدگاهتان را بنویسید