ویدئو پلیر ریسپانسیو برای Html - رزبلاگ تبلیغات در ترفندستان
+ ارسال تاپیک جدید
نمایش نتایج: از 1 به 4 از 4

موضوع: ویدئو پلیر ریسپانسیو برای Html - رزبلاگ

  1. #1
    تاریخ عضویت
    Jun 2018
    محل سکونت
    Mazeroon
    پست‌ها
    47
    Samsung-A500
    Acer-Iconia-B1-720
    NOD32 Google-Chrome Windows-XP O2
    نوع و سرعت اینترنت: بیش از ADSL-2 Mb/S
    سپاس (اهدایی)
    7
    سپاس (دریافتی)
    7

    New ویدئو پلیر ریسپانسیو برای Html - رزبلاگ

    سلام وقت بخیر .
    کدی برای ریسپانسیو شدن ویدئو پلیر در html میخواستم . برای رزبلاگ .
    اکثر سایت ها سر زدم و چیز بدرد بخوری پیدا نکردم .
    ممنون میشم کسی بلده کد رو بفرسته .
    تشکر ❤
  2. #2
    تاریخ عضویت
    Jan 2014
    پست‌ها
    17,530

    360-Internet-Security Cyberfox Windows-10 Irancell
    نوع و سرعت اینترنت: بیش از Wireless-2 Mb/S
    سپاس (اهدایی)
    19081
    سپاس (دریافتی)
    19136
    نوشته ‌های وبلاگ
    38

    پیش فرض

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

    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
  3. #3
    تاریخ عضویت
    Jun 2018
    محل سکونت
    Mazeroon
    پست‌ها
    47
    Samsung-A500
    Acer-Iconia-B1-720
    NOD32 Google-Chrome Windows-XP O2
    نوع و سرعت اینترنت: بیش از ADSL-2 Mb/S
    سپاس (اهدایی)
    7
    سپاس (دریافتی)
    7

    پیش فرض

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

    لینک ویدئو رو کپی کنین . روی آیکون مربوطخه برای اضافه کردن ویدئو بزنید . لینک رو قرار بدید .
    در بخش عرض این رو وارد کنید : %100 یا همون صددرصد
    در بخش طول هم این رو : auto
    برای عکس هم همینطوریه .
    موفق باشین
  4. #4

    پیش فرض

    برای ایجاد یک ویدئو پلیر ریسپانسیو در HTML، می توانید از تگ <video> استفاده کنید. این تگ به شما امکان می دهد یک پخش کننده ویدئو را در صفحه خود قرار دهید و آن را با استفاده از CSS قابلیت ریسپانسیو بودن را به آن اضافه کنید.


    در زیر یک نمونه کد برای ایجاد یک ویدئو پلیر ریسپانسیو در HTML آورده شده است:

    کد PHP:
    .تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید


    سپس می توانید از CSS برای اعمال قابلیت ریسپانسیو بودن به ویدئو پلیر استفاده کنید. در اینجا، استفاده از تکنیک CSS Flexbox به عنوان یک روش رایج برای ایجاد یک ویدئو پلیر ریسپانسیو نشان داده شده است:


    کد PHP:
    .تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید


    در این کد، .video-wrapper به عنوانی که حاوی ویدئو است، یک ارتفاع نسبی (padding-bottom) برای ایجاد نسبت عرض به ارتفاع 16:9 دارد. سپس ویدئو به عنوان یک عنصر مطلق درون .video-wrapper قرار داده شده است و با استفاده از width: 100% و height: 100%، سعی می کند اندازه ویدئو را به اندازه پدرش تنظیم کند.


    با استفاده از این کد HTML و CSS، شما یک ویدئو پلیر ریسپانسیو در صفحه خود خواهید داشت که به اندازه صفحه نمایش تغییر اندازه می دهد.
+ ارسال تاپیک جدید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. ساخت محتوا برای طراحی سایت ریسپانسیو
    توسط tarahisite در انجمن موضوعات عمومی اینترنت
    پاسخ: 0
    آخرين نوشته: January 17th, 2017, 12:54
  2. Picture To HTML تبدیل عکس به فایلهای HTML
    توسط mc_laren3c در انجمن دانلود نرم‌افزارهای چندرسانه‌ای
    پاسخ: 2
    آخرين نوشته: November 22nd, 2016, 16:09
  3. تبدیل ویدئو ها به فلش ویدئو با CoffeeCup Web Video Player
    توسط black-fish در انجمن دانلود نرم‌افزارهای چندرسانه‌ای
    پاسخ: 1
    آخرين نوشته: April 21st, 2013, 20:43
  4. تبديل فايل هاي html به php با HTML TO PHP CONVERTER v4.3
    توسط hamid reza در انجمن دانلود نرم‌افزارهای اینترنت و شبکه
    پاسخ: 0
    آخرين نوشته: February 9th, 2009, 16:57

کاربرانی که این تاپیک را مشاهده کرده اند: 2

کلمات کلیدی این موضوع

مجوز ‌های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست ‌های خود را ویرایش کنید
  •  

اکنون ساعت 17:45 برپایه‌ی ساعت جهانی (GMT +3.5) می‌باشد.

تبلیغات متنی

عضویت در خبرنامه

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

کلیه حقوق مادی و معنوی متعلق به وب سایت ترفندستان است. برداشت مطالب و تصاویر تنها با ذکر نام ترفندستان مجاز است.