ایجاد پلیر با قابلیت پخش در هاور
سلام
من میخواهم یک مارکت اشتراکی پروژه های آماده و اسکریپت و پلاگین ها و... نرم افزار های گرافیکی بسازم ( مانند سایت ویدیو هایو و... )
و میخواهم در دسته بندی فایل های سایت وقتی کاربر عبارتی را سرچ میکند پروژه ها دسته بندی شده قرار بگیرند و قابل مشاهده ویدیو بر اثر هاور موس و .... باشد
سوال من این است که چطور میتوان کاری کرد که با اوردن موس روی آن ویدیو پخش شود؟درست مثل صفحه زیر
https://videohive.net/category/motion-graphics?term=tablet
ویدیو ها به محض هاور موس پخش و اگر موس از هاور جدا شود مکث میشود
ممنون میشوم راهنمایی کنید چون خیلی لازم دارم
باتشکر
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
با جاوا اسکریپت باید چندتا ایونت تعریف کنید
مثال خیلی ساده اش به این صورته :
const videos = document.querySelectorAll('video');
videos.forEach(video => {
video.addEventListener('mouseover', function () {
this.play();
});
video.addEventListener('mouseout', function () {
this.pause();
});
});@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()';