-2

こんにちは私はこれを行ういくつかのブログを見ましたが、私は彼らがそれをどのように成し遂げたのか疑問に思っていました、私はこれに関して何を調べるべきか正確にはわかりません。

このリンクをチェックしてくださいhttp://concreteloop.com/2013/02/video-nicki-minaj-french-montanas-freaks-behind-the-scenes

画像と再生ボタンがあることに注意してください。再生ボタンをクリックすると、画像が消えてビデオが再生されます。この関数の作成方法をどこで学べるか誰かが知っているだろうかと思っていました。

4

2 に答える 2

0

私がそれを行う最も愚かな方法は、画像ファイルとそれにリンクされたjs関数を持っていることです。これは基本的にクリック時に画像を非表示にし、ビデオを含むdivブロックを表示します。あなたは本当にfirebugやwebinspectorの使い方を学ぶ必要がありますが。

于 2013-02-26T21:13:08.447 に答える
0

これは、達成しようとしていることの簡単なサンプルです。ビデオを最初に非表示にし、ユーザーが画像をクリックすると表示および再生されます。

<div id="container">
    <img src="http://content.internetvideoarchive.com/content/photos/7142/29998006_.jpg" />
    <video width="320" height="240" controls style="display: none;">
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
    </video>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(function () {
        $('img').click(function () {
            $(this).hide();
            $('video').show()
            $('video')[0].play();
        });
    });
</script>
于 2013-02-26T21:17:50.393 に答える