0

ウェブサイトに動画を追加したい。しかし、ユーザーが画像をクリックしたときにポップアップウィンドウ内でそのビデオを再生したいと思います。どうやってやるの。？？

このウェブサイトのようなものを作りたいです。 https://www.shoplocket.com/

Thanxx :)

4

4 に答える 4

1

カラーボックスを使用できます

たとえば、ここを参照してください

于 2012-09-20T10:11:25.537 に答える
1

まず第一に、どのような種類のポップアップが必要かを知る必要があります。あなたが提供したウェブサイトのような新しい画面または素敵な効果。

最後のケースでは、 lightbox、fancyboxなどのいくつかの人気のあるポップアップの可能性を見ることができます... 選択したプラグインに応じて、ビデオを埋め込むためのドキュメントを確認する必要があります。

幸運を！

于 2012-09-20T10:01:52.743 に答える
0

ビデオを再生するには、ポップアップのコンテンツとして配置します

<video id="videoPop" class="video" controls >
    <source src="adress">
</video>

これはポップアップそのものです:
HTML:

<div class="popup" onclick="myFunction()">Click me!
  <span class="popuptext" id="myPopup">Popup text...</span>
</div>

JS:

<script>
// When the user clicks on <div>, open the popup
  function myFunction() {
   var popup = document.getElementById('myPopup');
   popup.classList.toggle('show');
  }
</script>

私がこれを書いているとき、あなたが言及したウェブサイトは機能しないので、私はあなたのためにCSSを生きています。

いいえ、HTML トリガーは必要ありません:

<div class="popup" onclick="myFunction()">Click me to toggle the popup!
  <span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>
于 2016-12-08T01:08:48.197 に答える
0

PrettyPhotoを使用します。

その中の Vimeo コンテンツをチェックしてください。

それを使って Vimeo コンテンツを開くには:

  1. リンク (<a href="#"></a>) を作成します。
  2. rel 属性「prettyPhoto」を追加します (rel="prettyPhoto")。
  3. リンクの href を変更して、友人と共有するのと同じリンクである Vimeo ビデオ ページを指すようにします。

コード：

<a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""><img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /></a>
于 2012-09-20T10:09:58.003 に答える