0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

HTML YouTube Video

نویسنده mrs heydari
امتیاز مطلب
تعداد بازدید 216
تاریخ بروزرسانی ۱۶ مرداد ۱۳۹۹

در این مقاله قصد داریم به آموزش HTML YouTube Video  بپردازیم. پس با ما همراه باشید.

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

از عمده دلایلی که افراد به سراغ آپلود فیلم در سایت خود نمی روند، می توان به درگیری با فرمت ویدئو اشاره کرد، چرا که ممکن است همه مرورگرها فرمت فیلم‌تان را نتوانند باز کنند و شما مجبور به تغییر فرمت متناسب با مرورگرتان شوید، که این خود شاید کاری سخت و یا وقت‌گیر باشد. در این بخش راهی ساده با استفاده از سوشیال مدیای یوتیوب در اختیار شما قرار می دهیم.

آپلود ویدئو به کمک YouTube

یوتیوب سال هاست که با خدمات ارزشمند خود به یاری کاربران و انواع نیازهای آنان پرداخته است. شما برای استفاده از امکانات پخش فیلم یوتیوب در سایت خود کافیست در آن عضو شده و ویدئوی خود را آپلود کنید.

شناسه و یا IDیی رایگان (به طور مثال : tgbNymZ7vqY) یوتیوب به شما می دهد. نحوه استفاده از این شناسه را در بخش بعد به شما آموزش می دهیم.

HTML YouTube Video

HTML YouTube Video

پخش ویدئوی YouTube در HTML

با استفاده از تگ <iframe>  و تعیین src attribute می توان به راحتی فیلم یوتیوب را در کد HTML خود اجرا کنید.

iframe width=”420″ height=”315″>
src=”https://www.youtube.com/embed/tgbNymZ7vqY”
</iframe>

 

توجه شود که درون تگ iframe طول و عرض ویدئو را مشخص کنید و در مقابل src آدرس یوتیوب به علاوه آیدی دریافتی تان را قرار دهید.

همانطور که مشاهده می کنید، به راحتی توانستید بدون آنکه باعث افت سرعت سایت تان شوید فیلمی را در آن پخش کنید.

افزودن چند امکان ساده به پخش فیلم:

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

autoplay

اگر قصد دارید ویدئوی ‌تان به صورت خودکار پخش شود، می‌توانید با افزودن کد autoplay و قراردادن ارزش ۱ به آن باعث انجام این‌ کار شوید.

iframe width=”420″ height=”315″>
src=”https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1″
</iframe>

 

 Loop

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

البته پیشنهاد ما به شما این است که برای آسیب نرساندن به سرعت سایتتان این کار را نکنید.

iframe width=”420″ height=”315″>
src=”https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1″
</iframe>

 

control

مشاهده کلیدهای کنترل روی ویدئو از جمله انتظاراتی است که کاربران هنگام پخش فیلم دارند.

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

iframe width=”420″ height=”315″>
src=”https://www.youtube.com/embed/tgbNymZ7vqY?controls=0″
</iframe>

 

در واقع HTML YouTube Video بخشی از مبحث HTML Media می باشد که ما در آینده به دیگر مباحث این بخش، مانند HTML Plug-ins نیز خواهیم پرداخت. به این امید که شما را در راه یادگیری زبان برنامه‌نویسی وب، یاری کنیم.

برای آموزش های بیشتر و اطلاعات تخصصی تر می‌توانید در دوره های کارآموزی وب یار شرکت کنید.

0/5 (0 Reviews)
مطالب مرتبط
دیدگاه ها

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

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