小编The*_*oth的帖子

YouTube iframe API 无 cookie GDPR 合规性

已经有一些关于此的主题,但似乎没有一个主题能够对我面临的问题给出明确的答案。我正在使用 youtube iframe api 和以下代码在网站上实现 youtube 视频:

this.player = new YT.Player($player, {
    wmode: 'transparent',
    height: '100%',
    width: '100%',
    host: 'https://www.youtube-nocookie.com',
    playerVars: {
        wmode: 'transparent',
        showinfo: 0,
        autohide: 1,
        rel: 0
    },
    videoId: this.video_id,
    events: {
        'onReady': ()=>{

        },
    }
})
Run Code Online (Sandbox Code Playgroud)

视频已正确加载 www.youtube-nocookie.com 域。但正如其他帖子提到的那样,cookie 仍在加载。我的控制台中还收到以下警告。

错误

附带说明一下。其他帖子提到 cookie 仅在用户播放视频时加载。然而,一旦加载页面,我就会收到这些错误。奇怪的是,即使我没有加载任何视频,只是将 api 脚本添加到我的页面,我仍然遇到第一个错误。

那么问题是:这种方法是否符合 GDPR 实践?我单独这样做是安全的,还是我需要加倍努力并阻止 api 的加载,直到用户接受使用数据收集?如果cookies仍然被注入到我的页面中,为什么youtube要使用这种所谓的隐私模式?

youtube data-protection youtube-api

5
推荐指数
0
解决办法
1005
查看次数

SCSS/SASS 从第 n 个嵌套映射中获取值

我在尝试检索嵌套 sass 映射中的值时遇到问题。我有一张看起来像这样的地图:

$breakpoints : (
    xl: (
         page-width: 1170px,
         gutter: 30px,
         base-font-size: 17px
    ),
    l: (
         breakpoint: 1170px,
         page-width: 980px,
         gutter: 20px,
         base-font-size: 17px
    )
);
Run Code Online (Sandbox Code Playgroud)

我试图在第一个嵌套列表“xl”中检索变量。这个想法是通过索引而不是键名来检索嵌套列表,因为这应该能够根据用户的喜好进行修改。

我原以为使用map-get(nth($breakpoints, 1), page-width)会起作用,但nth($breakpoints, 1)似乎返回一个包含“xl(页面宽度:1170px,装订线:30px,base-font-size:17px)”而不是实际地图的字符串,因此无法使用该map-get()功能.

关于如何做到这一点的任何想法?

nested sass nested-lists sass-maps

3
推荐指数
1
解决办法
4186
查看次数

GLSL 片段着色器基于世界空间的 UV 位移

我正在尝试为网站上的图像创建 RGB 偏移效果。我有基本功能,但问题是通道与纹理的 uv 发生偏移。因此,如果图像尺寸不同,则每个图像的偏移量在视觉上并不相同。

这是我的片段着色器。

uniform sampler2D texture;
varying vec2 vUv; // vertex uv


void main() {
    vec2 uv = vUv;

    float red = texture2D(texture, vec2(uv.x, uv.y - .1)).r;
    float green = texture2D(texture, uv).g;
    float blue = texture2D(texture, vec2(uv.x, uv.y + .1)).b;
    float alpha = texture2D(texture, uv).a;

    gl_FragColor = vec4(vec3(red, green, blue), alpha);

}
Run Code Online (Sandbox Code Playgroud)

以及它呈现在页面上的样子。

例子

我将如何在不必传递统一值的情况下标准化 uv 偏移?

javascript shader glsl fragment-shader three.js

2
推荐指数
1
解决办法
3072
查看次数