جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML YouTube Videos

HTML YouTube Videos

14 تیر 1404
ارسال شده توسط سمیرا خانی
مقالات
42 بازدید

✅ قرار دادن ویدیو یوتیوب در 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) را از یوتیوب بگیریم؟

  1. به صفحه ویدیوی مورد نظر در یوتیوب برو.

  2. روی دکمه اشتراک‌گذاری (Share) کلیک کن.

  3. گزینه جاسازی (Embed) را انتخاب کن.

  4. کد 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>

 

برچسب ها: HTML YouTube Videos،قرار دادن ویدیو یوتیوب در HTML، چگونه لینک جاسازی (Embed) را از یوتیوب بگیریم؟،شخصی‌سازی ویدیو
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

چگونه در پایتون چند مقدار را به چند متغیر اختصاص دهیم ؟
قوانین نام‌گذاری متغیرها در پایتون ؛ راهنمای کامل و کاربردی
JavaScript else
JavaScript if
JavaScript Conditionals
JavaScript Comparison

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • چگونه در پایتون چند مقدار را به چند متغیر اختصاص دهیم ؟
  • قوانین نام‌گذاری متغیرها در پایتون ؛ راهنمای کامل و کاربردی
  • JavaScript else
  • JavaScript if
  • JavaScript Conditionals
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت