自分のサイトで見つからなかったのですが、サードパーティのサイトに埋め込むためのGitHubレポがあります:https://github.com/gfycat/gfycat.js/tree/master です。
ここ
のreadmeからの重要な部品です:
スクリプト
はJS埋め込みが機能して取得するには、あなただけのオープニングbodyタグの後にこれを追加する必要があります。
<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>
このスクリプトを実行すると、クラスがgfyitem
の要素はすべてGfycatに変換されます。
使用可能なオプション
あなたは埋め込みの動作を変更するために欠けている場合は、データの属性として要素にこれらを追加することができます。
data-id
(data-
)は:(必要)Gfycat番号
data-controls
は: data-title
:ホバー上のタイトルを表示(:一時停止/速度/等(false
デフォルト)のためのコントロールを含みますデフォルト:false
) data-autoplay
:ページの読み込み時に自動的に再生を開始します(デフォルト:true
) data-expand
(非推奨は、data-responsive
を使用してください):false
) data-responsive
:そのコンテナ(デフォルトのスペースを埋めるためにビデオ要素を展開するのスペースを埋めるためにビデオ要素を展開しますそのコンテナ(デフォルト:false
) data-max-height
(data-responsive=true
とだけ一緒に動作します):アッパー応答ビデオ 01にバインドされたセットの高さdata-optimize
: data-gif
:負荷:彼らは50%目に見える、と怠惰な負荷GIFを(true
デフォルト)にいるときにビデオを再生。gifファイルの代わりにビデオ(デフォルト:false
) data-hd
: data-playback-speed
:設定ビデオ再生速度、間隔の値[0.125
、8
(デフォルト:高品質ビデオ(true
デフォルト)を読み込み:1
)
私は、これはおそらくあなたを助けるには遅すぎですが、うまくいけば、これは、この問題に遭遇し、誰に役立ちます知っています。