hhamedd

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

5 پست در این موضوع قرار دارد

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

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

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

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

 

ویرایش شده در توسط hhamedd
0

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


لینک به پست

سلام و درود @hhamedd

 

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

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

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

 

2

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


لینک به پست

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

[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
0

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


لینک به پست
نقل قول

آیا شما این کدها رو توصیه میکنید؟

والا من زیاد به برنامه نویسی فرانت اِند تسلطی ندارم.

0

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


لینک به پست

برای تغییر ویدئو پلیر ها و واکنش گرا کردن آنها می بایست به فایل  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;
}

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

 
 
منبع : دکتر وردپرس
1

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط mortal
      سلام.
      بنده توی سایتم با پلیر soundcloud خیلی سروکار دارم.
      قبلا که وبلاگ داشتم مشکلی با این قضیه نداشتم و کافی بود کد پلیر رو تو قسمت ادیتور کپی کنم.
      افزونه soundcloud رو واسه وردپرس گرفتم ولی فقط کسانی که با قند شکن میان سایت میتونن پلیر رو ببینن
      جالب اینجاست تو قسمت share سایت کد وردپرس جداست:

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

      مشکل اینجاست که پلیر رو نمیشه چپ چین کرد.
      دوستان اگر راهی واسه چپ چین کردن یا تغییر سایز یا هر راه حل دیگه ای پیشنهاد کنن خیلی ممنونشون میشم.