رفتن به مطلب

مشکل ارتفاع ویدیو با افزونه AMP


rasssa

پست های پیشنهاد شده

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

راه حل چیه ؟ 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

ویدیو اول مشکل ارتفاع داره ویدیو دوم مشکل دانلود شدن. ویدیو دوم افزونه پلیر هست که ارتفاع ویرایش میشه کرد توش اما گزینه دانلود میندازه

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

این ویدیو که میگید با تگ amp-video ایجاد شده و مخصوص موبایل هست. اگه توی نسخه موبایل بهش نگاه کنید مشکلی نداره. استایل های این تگ هم بر اساس نمایش متناسب در موبایل نوشته شده نه در حالت دسکتاپ. باید دستوراتی استفاده کنید که این ویدیو و تگ فقط در موبایل و تبلت نمایش داده بشه نه در کامپیوتر.

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن
در 4 دقیقه قبل، rasssa گفته است :

ویدیو اول مشکل ارتفاع داره ویدیو دوم مشکل دانلود شدن. ویدیو دوم افزونه پلیر هست که ارتفاع ویرایش میشه کرد توش اما گزینه دانلود میندازه

به ویدیو دوم هم باید controlsList="nodownload" اضافه کنید تا کلید دانلودش مخفی بشه. توی پاسخ قبلی هم لینکی دادم که روش استایل هم داخلش هست. از اونم می تونید استفاده کنید.

اما پیشنهاد می کنم کلید دانلود رو از خود ویدیوپلیر حذف کنید و در مقابل زیر ویدیو یک کلید یا لینک با متن "دانلود مستقیم این ویدیو" یا متن دلخواه اضافه کنید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

ببخشید روش استایل رو میرم ولی گزینه دانلود حذف نمیشه. و اینکه مورد دوم که گفتید اضافه کنم چطور باید اضافه کنم ؟ کد هست چیه ؟

و اینکه تو پلیر غیرفعال ک میکنم عمل نمیکنه 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

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

اون دستور هم باید داخل کد HTML ویدیپلیر اضافه کنید. مثلا:

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

ویدیوپلیر مخصوص amp همین دستور رو داخل خودش داره که دانلودش غیرفعال شده. توی سورس سایت هم می تونید چک کنید. ولی ویدیوپلیر دومی این دستور رو نداره

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن
در 3 دقیقه قبل، rasssa گفته است :

کنار هر خطش ضربدری هم میافتاد

چنین چیزی نداشتیم تاحالا! یعنی چی ضربدر می افتاد؟

والا چنین حالتی که میگید بیشتر توی قسمت استایل های Inspect مرورگر اتفاق میفته!

دستور controlsList="nodownload" برای استفاده در کد HTML هست . کد نمونه هم دادم توی پاسخ قبلی.

 

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

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

والا مشکلاتی که برا من پیش میاد همیشه لاکچری ان 😐 کنار هر خط ضربدر هست میخواید عکس بدم.

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

والا من هر کار کردم نشد شاید اشتباهی انجام میدم. ولی کدی که برای بستن از طریق سی اس اس رو اضافه کردم اثر نکرد

 

و اینکه بالا نوشتید ویدیو پلیر اول مخصوص ای ام پی خودش اون کد رو داره رو تو جواب اش میگم نه نداره. اونو با المنتور درست کردم تو المنتور گزینه ای داره برای غیرفعال کردن دانلود. وقتی میزنم برمیداره اما این مورد رو افزونه پلیر نداره و ندونستم آخرش چیکار کنم اون سه خط کد رو اضافه کردم اثر نکرد نمیدونم اگه مرحله مرحله بگید خیلی ممنون میشم که طوری کنم ویدیو پلیر افزونه هم مثل ویدیو پلیر المنتور بشه (که بالا گفتید کد رو توش داره )

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

https://fa.wordpress.org/plugins/fv-wordpress-flowplayer/
https://fa.wordpress.org/plugins/amp/

خدمت شما خودتون چک بکنید 😟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

درود مجدد؛

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

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

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

کاش میشد تو سایت خودتون امتحان میکردید دو افزونه رو همزمان و اگه راهی پیدا میکردید این کار و میکردیم. 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

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

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

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

ولی من نمیدونم این کد رو کجا بذارم؟ اینم لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

درود؛

ایشون هم همون راه حلی که من گفتم رو ارائه کردن اما از راه جاوا اسکریپت که البته یه مقدار سایت رو کند میکنه. ولی به هر حال این کدی که دادن جاوا اسکریپت هست و باید به صورت زیر در فایل فوتر قالبتون قبل از </body> قرار بدید:

<script>
$(document).ready(() => {
$('video').attr('controlsList', 'nodownload');
});
</script>

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

قرار دادم داخل فوتر قالب و قبل از body/ اما عمل نکرد باز 🥴 جای دیگه ای هم میشد قرار داد یا از چی میتونه باشه این حذف نشدنه!🥴

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن

توی فایل هیدر قالب، دقیقا بعد تگ <head> قرار بدید. بالاتر از مابقی کدهای جاوا اسکریپت قرار بدید ببینید درست میشه یا خیر.

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

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

اقای مسیح من حین گذاشتن کد ی اشتباهی کردم ی قسمتی از قالب حذف شد! چطور میتونم الان قالب رو به حالت اول برگردونم 🥴

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

فایل قالب از یجای دیگه بگیرم و فایل هدینگ رو حذف کنم و قالب سالم جایگزین کنم درست میشه ؟ یا مشکل ساز میشه ؟ 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • مدیر انجمن
در 2 دقیقه قبل، rasssa گفته است :

فایل قالب از یجای دیگه بگیرم و فایل هدینگ رو حذف کنم و قالب سالم جایگزین کنم درست میشه ؟ یا مشکل ساز میشه ؟ 

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

نسخه ها تفاوت نکنه فقط چون ممکنه بعضی کدها توی فایل هیدر متفاوت باشه.

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...