بهترین سایت برای توسعه دهندگان وب

دروس HTML5

شروع HTML مقدمه HTML ویرایشگران HTML مثالهای اساسی HTML المان های HTML ویژگی های HTML عناوین HTML بندهای HTML سبک های HTML قالب بندی HTML نقل قول های HTML نظرات HTML رنگهای HTML HTML و CSS پیوندهای HTML تصاویر HTML جداول HTML لیست های HTML بلوک های HTML کلاس های HTML شناسه های HTML فریم های HTML HTML و JavaScript مسیرهای پرونده HTML HTML قسمت هدینگ چیدمان های HTML HTML پاسخگو کد رایانه HTML موجودیت HTML نمادهای HTML رمزگذاری HTML رمزگذاری URL HTML HTML و XHTML

HTML فرم ها

فرم های HTML المان های فرم HTML انواع ورودی HTML صفات ورودی HTML

HTML5

مقدمه HTML5 پشتیبانی HTML5 المان های جدید HTML5 المان های معنایی HTML5 مهاجرت از HTML4 راهنمای سبک HTML5

HTML گرافیک

HTML Canvas HTML SVG

HTML رسانه

چندرسانه ای HTML ویدیوی HTML صوت HTML افزونه های HTML یوتیوب HTML

HTML API

مکان جغرافیایی HTML کشیدن / رها کردن HTML HTML ذخیره وب HTML کارهای وب HTML و SSE

HTML مثال

مثالهای HTML آزمون ها HTML تمرینات HTML گواهی HTML خلاصه HTML قابلیت دسترسی به HTML

HTML منابع

لیست برچسب های HTML صفات HTML صفات جهانی HTML رویدادهای HTML رنگهای HTML کانواس HTML صوتی / تصویری HTML نسخه معتبر HTML مجموعه نویسه های HTML رمزگذاری URL HTML رمزگذاری زبان HTML پیام های HTTP روشهای HTTP مبدل PX به EM میانبرهای صفحه کلید

HTML5 درسهایی برای مبتدیان

ویدیو YouTube در HTML


ساده ترین راه برای پخش فیلم ها در HTML ، استفاده از YouTube است.

با فرمت های ویدیویی دست و پنجه نرم می کنید؟

Добавление видео с YouTube на сайт

YouTube (از انگلیسی you "you، you" + tube "pipe" = "telly" jarg. "TV") بزرگترین و محبوب ترین سرویس میزبانی ویدیوی جهان است که خدمات میزبانی ویدیو را ارائه می دهد. در 14 فوریه 2005 توسط سه کارمند PayPal تاسیس شد: چاد گورلی ، استفن چنی و جاوید کریم. این یک بخش از Google است. از آگوست 2019 ، یوتیوب دومین وب سایت پربازدید در اینترنت شد (طبق اینترنت الکسا).

کاربران می توانند فیلم های خاصی را اضافه ، مشاهده و نظر دهند. به دلیل سادگی و سهولت استفاده ، یوتیوب به یکی از محبوب ترین سایت های میزبانی ویدیو تبدیل شده است. این سرویس شامل فیلم های حرفه ای و آماتور ، از جمله وبلاگ های ویدیویی است.

هرکسی می تواند به صورت رایگان در Google ثبت نام کند (ایمیل خود را ایجاد کند) ، سپس به YouTube رفته و کانال ویدیویی خود را باز کند. سپس می توانید تمام فیلم های YouTube خود را با استفاده از کد HTML معمولی در هر صفحه وب دیگری جاسازی کنید.


مبارزه با فرمت های ویدیویی

تبدیل فیلم ها به قالب های مختلف ممکن است دشوار و زمانبر باشد.

یک راه حل آسان تر این است که به YouTube اجازه دهید فیلم ها را در صفحه وب شما پخش کند.

یک راه حل ساده این است که فیلم های YouTube را برای پخش در صفحه وب خود جاسازی کنید.


شناسه ویدیوی YouTube Id

هنگام ذخیره (یا پخش) فیلم ، YouTube یک شناسه (مانند tgbNymZ7vqY) نمایش می دهد.

می توانید از این شناسه استفاده کنید و در کد HTML به فیلم خود مراجعه کنید.


پخش یک ویدیوی YouTube با HTML

برای پخش فیلم خود در یک صفحه وب ، موارد زیر را انجام دهید:

  • ویدیوی YouTube را بارگذاری کنید
  • به شناسه ویدیو بروید - شناسه توجه کنید
  • یک عنصر <iframe> را در صفحه وب خود تعریف کنید
  • اجازه دهید ویژگی src به URL ویدیو اشاره کند
  • از ویژگی های عرض width و ارتفاع height برای تعیین ابعاد پخش کننده استفاده کنید
  • پارامترهای دیگری را به URL اضافه کنید (به زیر مراجعه کنید)

مثال - استفاده از iFrame (توصیه می شود)

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
خودتان آزمایش کنید »

پخش خودکار YouTube + بی صدا

با اضافه کردن یک پارامتر ساده به URL YouTube ، می توانید هنگام بازدید کاربر از صفحه ، ویدیو را به طور خودکار پخش کنید.

توجه :: هنگام تصمیم گیری در مورد پخش خودکار فیلم ها مراقب باشید. شروع خودکار فیلم ها می تواند بازدید کننده شما را آزار دهد و در نهایت بیشتر از این که به ضرر شما باشد ، آسیب برساند ، زیرا کاربران می توانند بلافاصله سایت را ترک کنند.

مقدار 0 (پیش فرض): هنگام بارگیری پخش کننده ، فیلم به طور خودکار پخش نمی شود.

مقدار 1: هنگام بارگیری پخش کننده ، فیلم به طور خودکار پخش می شود.

بیصدا mute = 1 بعد از پخش خودکار autoplay = 1 اضافه کنید تا ویدیوی شما شروع به پخش خودکار کند (اما بی صدا است).

یوتیوب - پخش خودکار

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1">
</iframe>
خودتان آزمایش کنید »

لیست پخش - YouTube Playlist

کاما یا همان ویرگول لیست پخش را جدا می کند (علاوه بر URL اصلی).


پخش ویدئو را تکرار کنید - YouTube Loop

Loop = 1 را اضافه کنید تا ویدیوی شما برای همیشه تکرار داشته باشد.

مقدار 1: پس از پایان پخش ویدئو مکث می شود.

مقدار 0 (پیش فرض): ویدیو فقط یک بار پخش می شود.

YouTube - Повторение

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
خودتان آزمایش کنید »

کنترل ها - YouTube Controls

برای نمایش کنترل ها در پخش کننده ویدئو ، controls = 0 اضافه کنید.

مقدار 0: کنترل کننده های پخش نمایش داده نمی شوند.

مقدار 1 (پیش فرض): پخش کننده صفحه نمایش را کنترل می کند.

صفحه کنترل - YouTube

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
خودتان آزمایش کنید »

YouTube - با استفاده از <object>یا <embed>

توجه :: YouTube <object> و <embed> از ژانویه 2015 منسوخ می شوند. در عوض باید روش افزودن ویدیوی خود را با استفاده از <iframe> تغییر دهید.

مثال - با استفاده از <object> (منسوخ شده)

<object width="420" height="315"
data="https://www.youtube.com/embed/tgbNymZ7vqY">
</object>
خودتان آزمایش کنید »

مثال - با استفاده از <embed> (منسوخ شده)

<embed width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
خودتان آزمایش کنید »





این سایت برای آموزش ، آزمایش و یادگیری بهینه شده است. نمونه ها را می توان برای بهبود ساده کرد خواندن و درک اساسی. آموزشها ، پیوندها و مثالها مرتباً تجدید نظر می شوند تا از آنها جلوگیری شود خطاها ، اما ما نمی توانیم صحت و عملکرد کامل همه مطالب را تضمین کنیم. با استفاده از این سایت ، شما موافقت می کنید که مطالعه کرده اید و پذیرفته ایدمقررات استفاده , کوکی و سیاست های حفظ حریم خصوصی. کپی رایت 1999-2020 حق چاپ و .. محفوظ توسط احمد فرجی
سایت توسط چارچوب farsiw3.ir طراحی شده است.

Farsiw3.ir