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

[rasssa 27]

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

راه حل چیه ؟ 

[Masih 6,280]

درود،

لینکی که این ویدیو داخلش هست رو قرار بدید

[rasssa 27]

ویدیو رو از اون حالت درآوردم ی لحظه بذارم 

[rasssa 27]

این لینک صفحه  لینک ها تنها برای اعضای سایت قابل نمایش است.

[rasssa 27]

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

[Masih 6,280]

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

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

[Masih 6,280]

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

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

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

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

[rasssa 27]

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

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

[Masih 6,280]

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

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

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

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

[rasssa 27]

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

[Masih 6,280]

در 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);
}

 

[rasssa 27]

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

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

[rasssa 27]

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

 

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

[rasssa 27]

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

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

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

[Masih 6,280]

درود مجدد؛

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

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

[rasssa 27]

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

[Masih 6,280]

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

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

[rasssa 27]

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

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

[Masih 6,280]

درود؛

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

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

 

[rasssa 27]

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

[Masih 6,280]

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

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

[rasssa 27]

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

[rasssa 27]

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

[Masih 6,280]

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

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

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

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

[rasssa 27]

دمت گرم حل شد 💗