0

訪問者が最初に私のウェブページに来たときにビデオが表示される場合に、静止画像を表示する方法を見つけようとしています。クリックするとビデオが再生されるグラフィックボタンが必要です。このグラフィックは、ビデオ内またはビデオの上ではなく、ページ上にあります。だから、私は2つのことをする方法を探していると思います。

  1. ページ上のグラフィック elwere をクリックして、html5 ビデオを再生します。

  2. そのビデオが再生されると、アクティブなビデオ バージョンの静的グラフィック バージョンを交換する必要があります。理想的には、一度再生されると、静的バージョンがビデオを置き換え、リセットされて再び再生されます。

これについての助けをいただければ幸いです。ありがとう！

4

1 に答える 1

0

これでうまくいくはずですが、'video' と 'image' がそれぞれの URL を指していることを確認してください。

<script>
    function doVideo()
    {
        var video = "myvideo.mp4";
        document.getElementById("videoimgdiv").innerHTML = "<video autoplay onended=\"doImage()\"><source src=\"" + video + "\"\></video>";
    }

    function doImage()
    {
        var image = "http://us.123rf.com/400wm/400/400/podlesnova/podlesnova0906/podlesnova090600034/5117393-small-red-furry-kitten-with-blue-eyes.jpg";
        document.getElementById("videoimgdiv").innerHTML = "<img onclick=\"doVideo()\" src=\"" + image + "\"/>";
    }

</script>

<div id="videoimgdiv">
  <img onclick="doVideo()"src="http://us.123rf.com/400wm/400/400/podlesnova/podlesnova0906/podlesnova090600034/5117393-small-red-furry-kitten-with-blue-eyes.jpg" />
</div>
于 2013-04-06T04:53:30.690 に答える