동일한 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를 사용하여 비디오를 추가 할 수 있습니다,하지만 당신은 할 수있다 코덱 또는 브라우저 비 호환성으로 실행 문제. 그래서 다음 중 한 가지 제안 : 유튜브 및 복사와 같은 비디오 호스팅 플랫폼에서 동영상을 업로드, 어디서나 작동하기 쉬운 솔루션의

• 을/당신이 당신의 웹 페이지가 을 얻을 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>