دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۶
  • مرداد

جلسه ۳۱ : نمایش ویدیو در وردپرس

  • دسته‌بندی‌ها :
جلسه ۳۱ : نمایش ویدیو در وردپرس

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

        مقدمه

        با استفاده از شورت کد video می‌توانید فایل های ویدیویی خود را در صفحات و پست ها قرار دهید و آن ها را پخش کنید.
        فایل های پشتیبانی شده توسط وردپرس : mp4, m4v, webm, ogv, wmv و flv

        شورت کد Video

        شورت کد زیر یک پخش کنننده ویدیو را نمایش می‌دهد که فایل pepper.mp4 را بارگذاری می‌کند.

        [“video src=”pepper.mp4]

        نمایش ویدیو در وردپرس

        استفاده از شورت کد در فایل های قالب

        با استفاده از تابع ()do_shortcode می‌توانید از شورت کد video در فایل های قالب استفاده کنید.

        اگر فایل ویدیو در دایرکتوری قالب شما قرار دارد، می‌توانید از تابع ()get_template_directory_uri برای بدست آوردن url فایل ویدیو استفاده کنید.

        مثال : 

        گزینه های loop و autoplay

        گزینه loop دو مقدار on و off را می‌گیرد. اگر مقدار آن on باشد، ویدیو پس از اتمام پخش، دوباره پخش خواهد شد.

        گزینه autoplay نیز دو مقدار ۰ و ۱ را می‌گیرد. اگر مقدار آن ۱ باشد، ویدیو پس از بارگذاری کامل صفحه، به صورت خودکار پخش خواهد شد.

        گزینه poster

        با استفاده از این گزینه می‌توانید تصویری را به عنوان پیش‌نمایش ویدیو قرار دهید. برای این کار url تصویر را در این گزینه قرار دهید.

        گزینه های Height و Width

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

        تغییر ظاهر ویدیو

        برای تغییر ظاهر پیش‌فرض پخش کننده ویدیو، می‌توانید از کلاس css به نام wp_video_shortcode استفاده کرده و کد های css خود را در ان قرار دهید.
        به طور مثال فایل زیر اندازه پخش کننده ویدیو را به ۳۲۰*۲۴۰ jyydv ldnin.

        مثال : 

         

        جلسه نمایش ویدیو در وردپرس نیز به پایان رسید.

        در جلسه بعد به آموزش چندزبانه کردن قالب وردپرس خواهیم پرداخت.

        QR:  جلسه ۳۱ : نمایش ویدیو در وردپرس
        به اشتراک بگذارید