رفتن به مطلب

افزودن تصویر پس زمینه ویدیو به کد embed وردپرس


hhamedd

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

سلام. چطور میشه در کد embed وردپرس که برای قرار دادن ویدیو استفاده میشه تصویری برای پس زمینه ویدئو قرار داد که قبل از پخش کردن ویدیو   این تصویر قابل دیدن باشه. 

[embed width="500" height="313"]http://mysite.com/video.mp4[/embed]

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

poster="http"//mysite.com/image.jpg" 
poster="image.jpg"

 

ویرایش شده توسط hhamedd
لینک به ارسال

سلام و درود @hhamedd

 

شورتکد embed پوستر براش تعریف نشده.

از شورتکد video استفاده کنید.

[video src="http://mysite.com/video.mp4" width="500" height="313" poster="http"//mysite.com/image.jpg"]

 

لینک به ارسال

سلام. خیلی ممنون. درست شد. با این کد وقتیکه ویدیو در گوشی یا تبلت یا هر مانیتوری نمایش داده میشه  ریسپانسیو هست؟

[video src="http://mysite.com/video.mp4" type="video/mp4" width="500" height="313" poster="http"//mysite.com/image.jpg" controls]

قبلا در گوگل سرچ کردم و کدهایی معرفی شده بود که با افزودن به وردپرس  ویدیوهای embed رو ریسپانسیو میکرد. آیا شما این کدها رو توصیه میکنید؟

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

باتشکر.

مثلا این کد :

.post iframe ,.wp-video,
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    max-width: 100% !important;
}

 

ویرایش شده توسط hhamedd
لینک به ارسال

برای تغییر ویدئو پلیر ها و واکنش گرا کردن آنها می بایست به فایل  functions.phpسایت خود رفته و قطعه کد زیر را در آن قرار دهید.4

if ( ! isset( $content_width ) ) {
 $content_width = ۶۰۰;
}

سپس برای محکم کاری به فایل style.css رفته و کد زیر را در آن قرار دهید.

.mejs-container {
 width: ۱۰۰% !important;
 height: auto !important;
 padding-top: ۵۷%;
}
 
.mejs-overlay, .mejs-poster {
 width: ۱۰۰% !important;
 height: ۱۰۰% !important;
}
 
.mejs-mediaelement video {
 position: absolute;
 top: ۰; left: ۰; right: ۰; bottom: ۰;
 width: ۱۰۰% !important;
 height: ۱۰۰% !important;
}

با استفاده از کد های بالا ویدئو پلیر را در صفحات مختلف با اندازه های متفاوت تنظیم کرده و به یک ویدئو پلیر کاملا واکنش گرا تبدیل میکند.

 
 
منبع : دکتر وردپرس
لینک به ارسال

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

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

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

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

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

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

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

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

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