2

ビデオタイトルのリストがあります。それぞれが問題のビデオといくつかの情報 (プレーヤー、説明、ディスカッションなど) を含むページに移動します。

<div id="video-list">
<a href="/Video/title-1">Title 1</a><br />
<a href="/Video/title-2">Title 2</a><br />
<a href="/Video/title-3">Title 3</a><br />
</div>

Javascript/JQuery を使用して、物事をもう少し動的にしたいと考えています。画面が 2 つに分割され、左側にビデオ リスト、右側に情報が表示されます。

<a href="javascript: PlayVideo(123);">Title 1</a>

しかし、javascript を使用していない人や検索エンジンのクローラー用に古いリンクを残しておきたいと思います。

これは次のようなものを持っているのは良い考えですか

<a href="/Video/title-1" videoid="123">Title 1</a>

JQuery を使用してすべてのアンカーをループし、videoid を取得して href を置き換えますか?

(サーバー側は asp.net mvc で、javascript と静的側は既に動作しています)

4

2 に答える 2

0

簡単な答えは、iFrame を使用して目的を達成することができます。画面を 2 つの div に分割します。左側の div にはリンクが格納され、右側の div には iframe とビデオ プレーヤーが格納されます。

http://jsfiddle.net/2vmYG/ -> フルCSS

<div id="container">
    <div id="videoList">
        <a href='http://www.dailymotion.com/video/xzvsp7_joe-jack-the-mogul-mulla_music#.UZMPerUwpuA' target="video">Video 1</a><br/>
        <a href='http://www.dailymotion.com/video/xzu16h_daft-punk-random-access-memories-unboxed_music#.UZMPRbUwpuA' target="video">Video 2</a><br/>
    </div>
    <div id="videoPlayer">
        <iframe id='video' src=""></iframe>
    </div>
</div>

完全な AJAX/jQuery ソリューションを探している場合は、プレーヤー (flowplayer、jwplayer) などが必要になります。

于 2013-05-15T04:34:11.430 に答える