- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何在代码中解决这个问题?
这很奇怪,因为我在代码中找不到它,但 Firefox 提示“MouseEvent.mozPressure 已被弃用。请改用 PointerEvent.pressure。”在控制台中。
有办法解决这个问题吗?我不明白我需要做什么来解决这个问题。
此错误消息出现在 jsfiddle、gitHub 页面、codepen 中。
https://jsfiddle.net/p5f3xc0b/3/
const videoPlayer = (function makeVideoPlayer() {
"use strict";
const players = [];
function onPlayerReady(event) {
const player = event.target;
player.setVolume(100); // percent
}
let hasShuffled = false;
function onPlayerStateChange(event) {
const player = event.target;
if (!hasShuffled) {
player.setShuffle(true);
player.playVideoAt(0);
hasShuffled = true;
}
if (event.data === YT.PlayerState.PLAYING) {
for (let i = 0; i < players.length; i++) {
if (players[i] !== event.target) players[i].pauseVideo();
}
}
const playerVars = player.b.b.playerVars;
if (playerVars.loop && event.data === YT.PlayerState.ENDED) {
player.seekTo(playerVars.start);
}
}
function addVideo(video, settings) {
players.push(new YT.Player(video, Object.assign({
videoId: video.dataset.id,
host: "https://www.youtube-nocookie.com",
events: {
"onReady": onPlayerReady,
"onStateChange": onPlayerStateChange
}
}, settings)));
}
function init(video, settings) {
load.js("https://www.youtube.com/player_api").then(function () {
YT.ready(function () {
addVideo(video, settings);
});
});
}
return {
init
};
}());
function loadPlayer(opts) {
"use strict";
function show(el) {
el.classList.remove("hide");
}
function initPlayer(wrapper) {
const video = wrapper.querySelector(".video");
opts.width = opts.width || 198;
opts.height = opts.height || 198;
opts.autoplay = 1;
opts.controls = 1;
opts.rel = 0;
opts.iv_load_policy = 3;
opts.fs = 0;
opts.disablekb = 1;
function paramInOpts(settings, param) {
if (opts[param] !== undefined) {
settings[param] = opts[param];
}
return settings;
}
const settingsParams = ["width", "height", "videoid", "host"];
const settings = settingsParams.reduce(paramInOpts, {});
const playerVarsParams = ["autoplay", "cc_load_policy",
"controls", "disablekb", "end", "fs", "iv_load_policy",
"list", "listType", "loop", "playlist", "rel", "start"
];
settings.playerVars = playerVarsParams.reduce(paramInOpts, {});
videoPlayer.init(video, settings);
}
function coverClickHandler(evt) {
const wrapper = evt.currentTarget.nextElementSibling;
show(wrapper);
initPlayer(wrapper);
evt.currentTarget.classList.add("hide");
}
const cover = document.querySelector(opts.target);
cover.addEventListener("click", coverClickHandler);
}
const playlist = "0dgNc5S8cLI,mnfmQe8Mv1g,-Xgi_way56U,CHahce95B1g";
loadPlayer({
target: ".jacket-left",
width: 277,
height: 207
});
loadPlayer({
target: ".jacket-middle",
width: 277,
height: 207
});
loadPlayer({
target: ".jacket-right",
width: 277,
height: 207
});
loadPlayer({
target: ".jacketc",
width: 600,
height: 338,
loop: true,
playlist
});
loadPlayer({
target: ".alpha",
start: 0,
end: 280,
loop: true
});
loadPlayer({
target: ".beta",
start: 0,
end: 240,
loop: true
});
loadPlayer({
target: ".gamma",
start: 0,
end: 265,
loop: true
});
loadPlayer({
target: ".delta",
start: 4,
end: 254,
loop: true
});
loadPlayer({
target: ".epsilon",
start: 0,
end: 242,
loop: true
});
loadPlayer({
target: ".zeta",
start: 0,
end: 285,
loop: true
});
loadPlayer({
target: ".eta",
start: 23,
end: 312,
loop: true
});
loadPlayer({
target: ".theta",
start: 2
});
loadPlayer({
target: ".iota"
});
最佳答案
正如 Marci 回答的那样 on another forum , 此警告来自 YouTube 嵌入。实际上,只要您在 Firefox 中访问 youtube.com,它就会被触发。相关代码在desktop_polymer_inlined_html_polymer_flags_v2.js的1355行.
关于javascript - MouseEvent.mozPressure 已弃用。使用 PointerEvent.pressure 代替,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57734568/
我有以下元素的列表: 除了函数中的最后两张图片之外,我希望禁用整个列表。我正在做这样的事情: document.getElementById('toolbar-e
我正在尝试制作一个随着您越来越多地点击它而缩小的元素。一旦达到 1% 的阈值,它就会以完整长度重新出现并且不可点击。 style.pointerEvents 不起作用。 (这是为了解决问题而添加的代码
尝试使用pointerEvents = "none"; 来禁用插入的可输入性。它似乎根本不起作用。禁用时“实际”也不起作用。 function enter() { document.getElem
我在屏幕( Canvas )上有很大的 HTML 元素,我想检测多点触控事件。使用“touchstart”你有“touches”属性,但是使用 PointerEvents 我不知道有什么方法可以知道是
我正在尝试使用指针事件来检测图形输入板输入,包括笔压,但 Chrome 和 Firefox 似乎无法正确读取数位板设备 (Wacom Intuos 4)。所有指针事件都返回与我的鼠标相同的 point
我有一个我正在尝试创建的堆栈小部件,其中:1. 用户触摸小部件按钮触发 pointerDown 事件。2. 指针向下导致 slider 类型小部件从按钮后面从 0 缩放到 100%3. 手指仍然向下,
我的组件有 div 元素。我希望能够根据该 div 元素的边框颜色禁用/启用单击该 div 元素。 想法是有一个方法可以返回应该在 div 上绘制什么边框颜色,然后如果颜色是“绿色”,则将该 div
如何在代码中解决这个问题? 这很奇怪,因为我在代码中找不到它,但 Firefox 提示“MouseEvent.mozPressure 已被弃用。请改用 PointerEvent.pressure。”在
我有一个问题,我实际上是在我的软件中重新编码 RFB 协议(protocol)以与 VNC 服务器通信,我想知道如何获得服务器桌面大小的大小。我已经在 serverInit 消息中测试了 frameb
我是一名优秀的程序员,十分优秀!