JS在我的網站上嵌入gfycat

Question

gfycat.com提供了使用JS Embed選項在我的網站上嵌入GIF的選項。

我得到這樣的代碼：

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

我在網站上找不到有關運行它的Javascipt代碼的任何信息的問題。 有任何想法嗎？

Answer 1

我也無法在他們的網站上找到它，但這是他們嵌入在第三方網站上的GitHub存儲庫： https : //github.com/gfycat/gfycat.js/tree/master 。

這是自述文件中的重要部分：

---

腳本

為了使JS Embed正常工作，您只需要在開始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類的gfyitem都將轉換為嵌入的Gfycat。

---

可用選項

如果要更改嵌入的行為，可以將其作為數據屬性添加到元素中。 （ data- ）

• data-id ：Gfycat ID（ 必需 ）
• data-controls ：包括暫停/速度/等控件（ 默認值 ： false ）
• data-title ：懸停時顯示標題（ 默認 ： false ）
• data-autoplay ：自動在頁面加載時開始播放（ 默認 ： true ）
• data-expand （已棄用 ，請使用data-responsive ）：擴展視頻元素以填充其容器的空間（ 默認值 ： false ）
• data-responsive ：擴展視頻元素以填充其容器的空間（ 默認值 ： false ）
• data-max-height （僅與data-responsive=true一起使用）：設置自適應視頻的高度上限
• data-optimize ：當視頻可見度為50％並延遲加載gif時播放視頻（ 默認值 ： true ）
• data-gif ：加載.gif文件而不是視頻（ 默認值 ： false ）
• data-hd ：加載高質量視頻（ 默認 ： true ）
• data-playback-speed ：設定視頻播放速度，從間隔值[ 0.125 ， 8 ]（ 默認值 ： 1 ）

我知道您現在可能為時已晚，無法為您提供幫助，但希望對其他遇到此問題的人有所幫助。