ویدئوهای یوتیوپ html

ویدئوهای یوتیوپ  html  چگونه پخش می شوند؟

آموزش رسانه  html  درس پنجم

ویدئوهای یوتیوپ html : ساده ترین راه برای پخش ویدیوها در HTML، استفاده از YouTube است.

درگیر شدن  با فرمت های ویدیویی

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

پخش ویدئو در  html  را از اینجا ببینید

ویدئوهای یوتیوپ html
ویدئوهای یوتیوپ html

ویدئوهای یوتیوپ html -شناسایی ویدئوهای یوتیوپ

هنگامی که یک ویدیو را ذخیره کنید (یا پخش کنید)، یوتیوب یک شناسه (مانند XGSy3_Czz8k را نشان می دهد.)
شما می توانید از این شناسه استفاده کنید و در کد HTML به ویدیوی خود مراجعه کنید.

پخش ویدئو یوتیوب در HTML

برای پخش ویدئو خود در یک صفحه وب، موارد زیر را انجام دهید:
• ویدیو را در  YouTube آپلود کنید
• شناسه ویدئو  را بنویسید.
• عنصر  <iframe> را در صفحه وب خود تعریف کنید
• اجازه دهید attribute src به URL ویدیو اشاره کند.
• برای مشخص کردن ابعاد پخش از ویژگی های عرض و ارتفاع استفاده کنید
• هر پارامتر دیگر را به URL اضافه کنید (زیر را ببینید)

حتما بخوانید:  مهاجرت به html5

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

 &amp;amp;amp;lt;iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k"&amp;amp;amp;gt;
&amp;amp;amp;lt;/iframe&amp;amp;amp;gt; 

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

هنگامی که یک کاربر به بازدید از این صفحه با اضافه کردن یک پارامتر ساده به آدرس YouTube شما دسترسی پیدا می کند، می توانید ویدئوی خود را به طور  خودکار شروع کنید.
نکته: هنگام تصمیم گیری برای پخش خودکار فیلم ها، مراقب باشید. شروع یک ویدیو به طور خودکار می تواند  باعث آزار بازدید کننده و در نهایت باعث آسیب بیشتر شود.
مقدار ۰ (به طور پیش فرض): هنگامی که پخش بارگذاری می شود، فیلم به طور خودکار پخش نخواهد شد.
مقدار ۱: هنگامی که پخش بارگذاری می شود، ویدئو بطور خودکار پخش خواهد شد.

YouTube – Autoplay

 &amp;amp;amp;lt;iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1"&amp;amp;amp;gt;
&amp;amp;amp;lt;/iframe&amp;amp;amp;gt; 

لیست پخش یوتیوب

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

حلقه YouTube

مقدار ۰ (به طور پیش فرض): ویدئو تنها یک بار پخش خواهد شد.
ارزش ۱: ویدیو در  حلقه قرار می گیرد و دوباره و دوباره پخش می شود.  (برای همیشه)

حتما بخوانید:  تصاویر html

YouTube – Loop

 &amp;amp;amp;lt;iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&amp;amp;amp;amp;loop=1"&amp;amp;amp;gt;
&amp;amp;amp;lt;/iframe&amp;amp;amp;gt; 

کنترل های YouTube

مقدار ۰: کنترل های پخش نمایش داده نمی شود.
مقدار ۱ (به طور پیش فرض): کنترل پخش کننده نمایش داده می شود.

YouTube – Controls

 &amp;amp;amp;lt;iframe width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k?controls=0"&amp;amp;amp;gt;
&amp;amp;amp;lt;/iframe&amp;amp;amp;gt; 

ویدئوهای یوتیوپ html – با استفاده از  <object> یا <embed>

توجه <object>:  و  <embed>  در یوتیوپ از ژانویه ۲۰۱۵ منع شده بودند.  باید برای پخش فیلم های خود از <iframe>  استفاده کنید.

Example – Using <object> (deprecated)

&amp;amp;amp;lt;object width="420" height="315"data="https://www.youtube.com/embed/XGSy3_Czz8k"&amp;amp;amp;gt;&amp;amp;amp;lt;/object&amp;amp;amp;gt;

Example – Using <embed> (deprecated)

&amp;amp;amp;lt;embed width="420" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k"&amp;amp;amp;gt;
امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شانزده + 12 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی