Javascript JS在我的网站上嵌入gfycat
gfycat.com提供了使用JS embed选项在我的网站上嵌入GIF的选项 我得到的代码如下:Javascript JS在我的网站上嵌入gfycat,javascript,embed,Javascript,Embed,gfycat.com提供了使用JS embed选项在我的网站上嵌入GIF的选项 我得到的代码如下: <img class='gfyitem' data-id='HighMelodicDairycow' /> 问题是,我在网站上找不到运行它所需的Javascipt代码的任何信息。有什么想法吗?我在他们的网站上也找不到,但下面是他们在第三方网站上嵌入的GitHub repo: 以下是自述文件中的重要部分: 剧本 要使JS嵌入工作,只需在开始正文标记后添加以下内容: <sc
<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嵌入
可用选项 如果要更改嵌入的行为,可以将这些作为数据属性添加到元素中。(
数据-
)
:Gfycat id(必需)数据id
:包括暂停/速度/etc控件(默认值:数据控件
)false
:悬停显示标题(默认值:数据标题
)false
:加载页面时自动开始播放(默认值:数据自动播放
)true
(已弃用,请使用数据展开
):展开视频元素以填充其容器的空间(默认值:数据响应
)false
:展开视频元素以填充其容器的空间(默认值:数据响应
)false
(仅与data max height
一起使用):设置响应视频的高度上限data responsive=true
:在50%可见时播放视频,并延迟加载GIF(默认值:数据优化
)true
:加载.gif文件而不是视频(默认值:data gif
)false
:加载高质量视频(默认值:数据高清
)true
:设置视频播放速度,间隔[数据播放速度
,0.125
]中的值(默认值:8
)1