رفتن به مطلب

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


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

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

راه حل چیه ؟ 

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

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

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

این ویدیو که میگید با تگ 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 همین دستور رو داخل خودش داره که دانلودش غیرفعال شده. توی سورس سایت هم می تونید چک کنید. ولی ویدیوپلیر دومی این دستور رو نداره

لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • مدیر انجمن
در 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);
}

 

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

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

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

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

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

 

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

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

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

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

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

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

درود مجدد؛

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

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

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

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

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

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

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

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

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

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

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

درود؛

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .
توجه: مطلب ارسالی شما پس از تایید مدیریت برای همه قابل رویت خواهد بود.

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
  • اضافه کردن...