2014.09.11 11:23

http streaming 코드

조회 수 111 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<head>
 <script src="video.js" type="text/javascript" charset="utf-8"></script>
 <link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
</head>


 <script type="text/javascript" charset="utf-8">
    // Add VideoJS to all video tags on the page when the DOM is ready
    VideoJS.setupAllWhenReady();
  </script>

 <!-- 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="640" height="264" controls preload poster="http://video-js.zencoder.com/oceans-clip.png">
      <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' />
      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
      <object id="flash_fallback_1" class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash"
        data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <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="640" height="264" alt="Poster Image"
          title="No video playback capabilities." />
      </object>
    </video>
    <!-- Download links provided for devices that can't play video in the browser. -->
    <p class="vjs-no-video"><strong>Download Video:</strong>
      <a href="http://video-js.zencoder.com/oceans-clip.mp4">MP4</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.webm">WebM</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.ogv">Ogg</a><br>
      <!-- Support VideoJS by keeping this link. -->
      <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
  </div>
  <!-- End VideoJS -->


List of Articles
번호 제목 글쓴이 날짜 조회 수
18 rtmp 실시간 행복아이 2017.11.01 13
17 test 행복아이 2015.10.12 20
16 영상 테스트 행복아이 2015.10.12 21
15 실시간방송 HLS 모바일용 file 행복아이 2015.07.31 32
14 mp3 멀티미디어 행복아이 2014.09.25 15
13 오디오 js 행복아이 2014.09.24 9
12 오디오 삽입 audiio-js 행복아이 2014.09.24 4
11 멀티미디어 컴포넌트로 삽입 행복아이 2014.09.24 4
10 XE에서 HTML5 애드온 작동시 행복아이 2014.09.24 12
9 중간에 버튼 행복아이 2014.09.24 4
8 videojs 4.8.8 flash 지원(non-html5) rtmp 행복아이 2014.09.22 12
7 videojs + flash mediaelement fallback 행복아이 2014.09.12 104
6 videojs rtmp 행복아이 2014.09.12 106
5 videojs +jw fallback 행복아이 2014.09.12 111
4 HTML5 fullback flash (videojs + Flowplayer) 행복아이 2014.09.12 116
3 video js 자막 옵션 행복아이 2014.09.11 91
» http streaming 코드 행복아이 2014.09.11 111
1 video-js 게시판입니다. 행복아이 2014.09.05 113
Board Pagination Prev 1 Next
/ 1