如何使用 HTML5 API for iOS 浏览器/safari

How to use HTML5 API for iOS browser/safari

提问人:v morgesh 提问时间:11/14/2023 最后编辑:v morgesh 更新时间:11/14/2023 访问量:32

问:

我正在使用 HTML 5 Video API 进行取消静音按钮(单击声音),但是在 iOS 或 Safari 浏览器上按下它时,它不会触发取消静音并播放视频。以下是我的代码,请您检查并告诉我我做错了什么。

const video = document.getElementById('video-ar_ZGU2hsr-video-js'); 
const play = document.getElementById("playbtn"); 
playbtn.addEventListener("click",function(){
    video.currentTime = 0;
    // video.muted = !video.muted;
        video.muted = false;
        video.play();
});

示例:https://app.gohighlevel.com/v2/preview/ODVPYWzQjdNHZNVdxjqX?notrack=true

我遵循了HTML5视频API(https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs),但没有任何效果

const media = document.querySelector("video");
const controls = document.querySelector(".controls");

const play = document.querySelector(".play");
const stop = document.querySelector(".stop");
const rwd = document.querySelector(".rwd");
const fwd = document.querySelector(".fwd");

const timerWrapper = document.querySelector(".timer");
const timer = document.querySelector(".timer span");
const timerBar = document.querySelector(".timer div");

const playbtn = document.getElementById("play"); 
playbtn.addEventListener("click",function(){
    media.currentTime = 0;
    media.muted = false;
    media.play();
});
JavaScript HTML5-视频

评论

2赞 Jaromanda X 11/14/2023
does not work会发生什么?浏览器开发人员工具控制台中是否有任何错误可能表明您做错了™什么?你有一堆 s,但你的问题中没有 HTML 来查看你是否做对了.querySelector
0赞 v morgesh 11/14/2023
@JaromandaX,我已经分享了我的页面,如果您可以看到有一个“点击声音”按钮,则在iOS或Safari浏览器上按下时,它不会触发取消静音并播放视频。
0赞 Jaromanda X 11/14/2023
问题中没有 HTML,那么我怎么知道“点击声音”到底是什么?

答: 暂无答案