Javascript JS在我的网站上嵌入gfycat

Javascript JS在我的网站上嵌入gfycat,javascript,embed,Javascript,Embed,gfycat.com提供了使用JS embed选项在我的网站上嵌入GIF的选项 我得到的代码如下: <img class='gfyitem' data-id='HighMelodicDairycow' /> 问题是,我在网站上找不到运行它所需的Javascipt代码的任何信息。有什么想法吗?我在他们的网站上也找不到,但下面是他们在第三方网站上嵌入的GitHub repo: 以下是自述文件中的重要部分: 剧本 要使JS嵌入工作,只需在开始正文标记后添加以下内容: <sc

gfycat.com提供了使用JS embed选项在我的网站上嵌入GIF的选项

我得到的代码如下:

<img class='gfyitem' data-id='HighMelodicDairycow' />


问题是,我在网站上找不到运行它所需的Javascipt代码的任何信息。有什么想法吗?

我在他们的网站上也找不到,但下面是他们在第三方网站上嵌入的GitHub repo:

以下是自述文件中的重要部分:


剧本 要使JS嵌入工作,只需在开始正文标记后添加以下内容:

<script>
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "https://assets.gfycat.com/gfycat.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'gfycat-js'));
</script>

(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id)){return;}
js=d.createElement;js.id=id;
js.src=”https://assets.gfycat.com/gfycat.js";
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“gfycat js”);
当此脚本运行时,任何具有类
gfyitem
的元素都将转换为Gfycat嵌入


可用选项 如果要更改嵌入的行为,可以将这些作为数据属性添加到元素中。(
数据-

  • 数据id
    :Gfycat id(必需)
  • 数据控件
    :包括暂停/速度/etc控件(默认值:
    false
  • 数据标题
    :悬停显示标题(默认值:
    false
  • 数据自动播放
    :加载页面时自动开始播放(默认值:
    true
  • 数据展开
    已弃用,请使用
    数据响应
    ):展开视频元素以填充其容器的空间(默认值:
    false
  • 数据响应
    :展开视频元素以填充其容器的空间(默认值:
    false
  • data max height
    (仅与
    data responsive=true
    一起使用):设置响应视频的高度上限
  • 数据优化
    :在50%可见时播放视频,并延迟加载GIF(默认值:
    true
  • data gif
    :加载.gif文件而不是视频(默认值:
    false
  • 数据高清
    :加载高质量视频(默认值:
    true
  • 数据播放速度
    :设置视频播放速度,间隔[
    0.125
    8
    ]中的值(默认值:
    1
我知道这对你来说可能太晚了,但希望这能帮助其他遇到这个问题的人