0

それぞれが YouTube ビデオを指している 30 個のリンクを含む HTML ページがあります。すべての動画は同じ YouTube チャンネルに属しています。HTML ページには、YouTube プレーヤーも含まれています。次のことが可能かどうかを把握しようとしています (おそらく PHP を使用せずに): リンクをクリックすると、ビデオ プレーヤーが同じページで更新され、ビデオが表示されます。ページ自体は更新されません。更新されるのはビデオ プレーヤーだけです。PHP以外のオプションはありますか？誰かが自分でそれを行うためのある種の超簡単なガイドに私をリンクできますか? (...「初級者以下」レベル)。

4

4 に答える 4

1

YouTubeとのリンクはどうなっていますか？iframeタグ付き? を使用している場合はiframe、すべてのビデオを同じページでのみ見ることができます。ページが更新されません。

そうでない場合は、より具体的にお願いします。

于 2013-01-25T06:39:44.723 に答える
1

jquery を使用してこれを行うことができます。リンクの href 属性では、以下のコードのように、ビデオの埋め込み URL を使用します。

<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
    $(document).ready(function() {      
        $('a').click(function() {
            $('iframe').attr('src', $(this).attr('href'));
            return false;
        });
    })
</script>

<iframe width="560" height="315" src="http://www.youtube.com/embed/J5x5gduEWtI" frameborder="0" allowfullscreen></iframe>

<br><br>
<a href='http://www.youtube.com/embed/J5x5gduEWtI'>Link1</a>
<a href='http://www.youtube.com/embed/WmDmUDXxeXU'>Link2</a>
<a href='http://www.youtube.com/embed/UNlgAuMWuvw'>Link3</a>

編集： これも機能します。

<iframe id='iframe' width="560" height="315" src="http://www.youtube.com/embed/J5x5gduEWtI" frameborder="0" allowfullscreen></iframe>

<br><br>
<a href='http://www.youtube.com/embed/J5x5gduEWtI' target='iframe'>Link1</a>
<a href='http://www.youtube.com/embed/WmDmUDXxeXU' target='iframe'>Link2</a>
<a href='http://www.youtube.com/embed/UNlgAuMWuvw' target='iframe'>Link3</a>
于 2013-01-25T06:55:30.953 に答える
0

ページを更新したくない場合、唯一のオプションは JavaScript です (つまり、クライアント側で行う必要があります)。

于 2013-01-25T06:39:23.743 に答える
0

YouTubeプレーヤーをIDを持つiframeに保持することでそれを行うことができます（例：id="playerFrame"）。次に、関連するハイパーリンク (「a」タグ) で、iframe の ID を「target」属性の値として入力します。

<iframe id="playerFrame"></iframe>
<a href="http://youtubeurl" target="playerFrame">Click to see video 1</a>

http://webdesign.about.com/od/iframes/qt/target-links-iframes-and-frames.htmを参照してください。

于 2013-01-25T06:56:14.160 に答える