javascript - HTML5 と Javascript を使用してマウス アウト時にビデオをリセットする

Question

ホバー後に表示されるビデオを取得して、マウスが離れると最初にリセットしようとしています。ここに私のテストへのリンクがあります。答えを探しているときにこれを見つけましたが、 それを機能させる方法がわかりません。

JavaScript のコードを入手した場所は次のとおりです。コードへのリンク

どんな助けやアドバイスも素晴らしいでしょう。ありがとうございました！:)

Answer 1

あなたのサイトはjQueryを使用しているため：

$(".h5vt").mouseout(function() {
    $("video").get(0).currentTime = 0;
})

mouseoutビデオを巻き戻すイベントを画像にバインドするだけです。

idビデオに属性を追加し、私の例のように、$("#myvideoid").get(0)またはdocument.getElementById("myvideoid")代わりに属性を使用してアクセスする必要があります$("video").get(0)。ビデオ要素にid.