سلام روزتون بخیر
توی همه صفحات سایت یه موسیقی قراردادم که بصورت loop و autoplay هست میخواستم وقتی کاربر توی وبلاگ یه ویدیو رو شروع به پخش میکنه فایل موسیقی متوقف بشه و وقتی که فیلم رو قطع کرد دوباره فایل موسیقی ادامه پیدا کنه.
ممنون میشم راهنمایی کنید.
@mehrdadalibakhshi
سلام.
برای هر دو شرایط Event Listener قرار می دید.
یکی برای پلی شدن ویدیو و یکی برای متوقف شدنش. بعد داخل ست می کنید که اون موزیک پخش بشه یا متوقف.
در حالت ساده ش رو براتون نوشتم، خودتون نیاز هست کمی تغییرات لحاظ کنید ولی اصل جواب رو شامل میشه:
<!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
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟