یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
محمد عرفان
3 سال پیش توسط محمد عرفان مطرح شد
10 پاسخ

ایجاد پلیر با قابلیت پخش در هاور

سلام
من میخواهم یک مارکت اشتراکی پروژه های آماده و اسکریپت و پلاگین ها و... نرم افزار های گرافیکی بسازم ( مانند سایت ویدیو هایو و... )
و میخواهم در دسته بندی فایل های سایت وقتی کاربر عبارتی را سرچ میکند پروژه ها دسته بندی شده قرار بگیرند و قابل مشاهده ویدیو بر اثر هاور موس و .... باشد
سوال من این است که چطور میتوان کاری کرد که با اوردن موس روی آن ویدیو پخش شود؟درست مثل صفحه زیر
https://videohive.net/category/motion-graphics?term=tablet
ویدیو ها به محض هاور موس پخش و اگر موس از هاور جدا شود مکث میشود
ممنون میشوم راهنمایی کنید چون خیلی لازم دارم
باتشکر


ثبت پرسش جدید
محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 3 سال پیش مطرح شد
0
var video = document.queryselector("video")
video.onmouseover = () => video.play()

مهدی مهدوی
تخصص : تازه وارد
@mehdi.mahdavi97 3 سال پیش مطرح شد
0

سلام
با جاوا اسکریپت باید چندتا ایونت تعریف کنید
مثال خیلی ساده اش به این صورته :

const videos = document.querySelectorAll('video');

videos.forEach(video => {
  video.addEventListener('mouseover', function () {
    this.play();
  });

  video.addEventListener('mouseout', function () {
    this.pause();
  });

});

محمد عرفان
@mohammaderfandahsti 3 سال پیش مطرح شد
0

@mehdi.mahdavi97
@mimsadAlef
سلام ، من هیچی از کد نویسی نمیدنم و نمیدونم باید از این کد ها چطور استفاده کنم، آیا راهکار غیر از کد نویسی نیست
یا اینکه چه چیزی باید سرچ کنم که حداقال بتونم یک آموزش و راهنمای جامع دریافت کنم؟


مهدی مهدوی
تخصص : تازه وارد
@mehdi.mahdavi97 3 سال پیش مطرح شد
0

خب این مارکتی که قراره بسازین از چه زبان یا فریمورک یا cms استفاده می کنید ؟


محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 3 سال پیش مطرح شد
0

اگه این کد رو قرار بدید هر ویدیویی که تو سایتتون باشه به محض هاور شروع به پخش می کنه


محمد عرفان
@mohammaderfandahsti 3 سال پیش مطرح شد
محمد عرفان
@mohammaderfandahsti 3 سال پیش مطرح شد
0

@mimsadAlef
کد را در کجا قرار دهم؟


محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 3 سال پیش مطرح شد
0

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

var video = document.queryselector("video")
video.onmouseover = () => video.play()
video.onmouseout = () => video.pause()

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


محمد عرفان
@mohammaderfandahsti 3 سال پیش مطرح شد
0

@mimsadAlef
وقتی کد رو داخل فایل هدر قرار میدهم دچار خطای

تغییرات کد PHP شما، به دلیل یک خطا در خط 38 از فایل wp-content/themes/hello-elementor/header.php بازگردانده شد. لطفا اصلاح نمایید و دوباره سعی کنید که ذخیره نمایید.

syntax error, unexpected 'var' (T_VAR), expecting end of file

میشوم
و وقتی داخل فایل فوتر قرار میدهم ویدیو به صورت هاور موس پخش در نمیایند


محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 3 سال پیش مطرح شد
0

سلام در فوتر قبل از <? این کد را قرار بدید

echo 'var video = document.queryselector("video");video.onmouseover = () => video.play();video.onmouseout = () => video.pause()';

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام