مهرداد علی بخشی
4 سال پیش توسط مهرداد علی بخشی مطرح شد
6 پاسخ

با شروع پخش ویدیو موسیقی پس زمینه قطع شود و برعکس.

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


ثبت پرسش جدید
محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 4 سال پیش مطرح شد
1

@mehrdadalibakhshi
سلام.
برای هر دو شرایط Event Listener قرار می دید.
یکی برای پلی شدن ویدیو و یکی برای متوقف شدنش. بعد داخل ست می کنید که اون موزیک پخش بشه یا متوقف.


مهرداد علی بخشی
تخصص : علاقه مند به برنامه نویسی
@mehrdadalibakhshi 4 سال پیش آپدیت شد
0

خوب من یه event ایجاد می کنم مشکل اصلیم اینه چطوری برای موزیک که autoplay رو تغییر بدم ؟


محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 4 سال پیش مطرح شد
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

در حالت ساده ش رو براتون نوشتم، خودتون نیاز هست کمی تغییرات لحاظ کنید ولی اصل جواب رو شامل میشه:

<!DOCTYPE html>
<html>
<body>

<h3>A demonstration of how to access a VIDEO element</h3>

<video id="myVideo" width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<audio id="myAudio" loop autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<script>

    let x = document.getElementById("myAudio");

  document.querySelector('#myVideo').addEventListener('playing', () => {      
      x.pause();
  })

  document.querySelector('#myVideo').addEventListener('pause', () => {
      x.play();
  })
</script>

</body>
</html>

اگر کل کدهای بالا رو در این صفحه وارد کنید، می بینید که درست کار می کنه:
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_video_get


مهرداد علی بخشی
تخصص : علاقه مند به برنامه نویسی
@mehrdadalibakhshi 4 سال پیش مطرح شد
1

خیلی ممنون


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

خواهش میکنم، زنده باشید.


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

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