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

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

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

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

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

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

});

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

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

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

@mehdi.mahdavi97
از وردپرس

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

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

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

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

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

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

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

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

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

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