同じHTMLページにビデオをロード

Question

同じHTMLページにビデオをロードしたい。ビデオはすでに動作しており、ボタンにリンクしていますが、ビデオは新しいページで開かれています。私はいくつかのコードが恋しいですか？

コード：

<div id="van_ons"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/van_ons.png" /><img src="knoppen/van-ons.png" /></a></li></div> 

プレーヤー&ボタンコード：

<div id="container"> 
<div id="buttons"> 

    <ul> 

     <div id="van_ons"><li><a href="onderdelen/movies/santa.mov" target="_self"><img src="knoppen/van-ons.png" /></a></li></div> 

     <div id="krijg_je"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/krijgje.png" /></a></li></div> 

     <div id="iig"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/iniedergeval.png" /></a></li></div> 

     <div id="een_witte_kerst"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/eenwittekerst.png" /></a></li></div> 



    </ul> 

</div> 





<div id="achtergrond"> 
     <!-- Begin VideoJS --> 
    <div class="video-js-box"> 
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody --> 
    <video class="video-js" width="500" height="400" controls preload poster="http://video-js.zencoder.com/oceans-clip.png"> 

     <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' /> 
     <!-- Image Fallback. Typically the same as the poster image. --> 
     <img src="http://video-js.zencoder.com/oceans-clip.png" width="400" height="500" alt="Poster Image" 
      title="No video playback capabilities." /> 
     </object> 

</div> 
</div> 

Answer 1

これを試してください：

<a href="onderdelen/movies/santa.mov" target="_self"><img src="knoppen/van_ons.png" /></a> 

Answer 2

あなたはobject tagまたはHTML5 video tagを使用して動画を埋め込むことができ、あなたがかもしれないがコーデックやブラウザに互換性がない問題。 YouTubeのような ビデオホスティングプラットフォーム上で動画をアップロードし、どこでも動作します簡単な解決策について

• 、コピー/あなたのWebページにあり を取得するHTMLを貼り付けます。だから私は、次のいずれかを示唆しています。
• flowplayerやjplayerのようなビデオプレーヤーライブラリを使用してください。これは実装するのが少し難しくなりますが、YouTubeブランドは持っておらず、動画は非公開です。

Answer 3

youllはあなたのページにビデオを埋め込むためにflowplayerのようなプレーヤーを使用する必要があります。 http://flowplayer.org/ 、またはHTML5ビデオを使用できますが、mp4（H.264）またはOGGビデオが必要です。

<video width="320" height="240" controls="controls"> 
    <source src="movie.mp4" type="video/mp4" /> 
    <source src="movie.ogg" type="video/ogg" /> 
    Your browser does not support the video tag. 
</video>