2014.09.11 11:23

http streaming 코드

조회 수 895 추천 수 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
번호 제목 글쓴이 날짜 조회 수
29 video-js 게시판입니다. 행복아이 2014.09.05 279
» http streaming 코드 행복아이 2014.09.11 895
27 video js 자막 옵션 행복아이 2014.09.11 750
26 HTML5 fullback flash (videojs + Flowplayer) 행복아이 2014.09.12 340
25 videojs +jw fallback 행복아이 2014.09.12 295
24 videojs rtmp 행복아이 2014.09.12 282
23 videojs + flash mediaelement fallback 행복아이 2014.09.12 276
22 videojs 4.8.8 flash 지원(non-html5) rtmp 행복아이 2014.09.22 258
21 중간에 버튼 행복아이 2014.09.24 1002
20 XE에서 HTML5 애드온 작동시 행복아이 2014.09.24 220
19 멀티미디어 컴포넌트로 삽입 행복아이 2014.09.24 206
18 오디오 삽입 audiio-js 행복아이 2014.09.24 186
17 오디오 js 행복아이 2014.09.24 245
16 mp3 멀티미디어 행복아이 2014.09.25 234
15 실시간방송 HLS 모바일용 file 행복아이 2015.07.31 303
14 영상 테스트 행복아이 2015.10.12 240
13 test 행복아이 2015.10.12 224
12 rtmp 실시간 PC 만 행복아이 2017.11.01 253
11 hls 실시간 테스트 행복아이 2019.06.14 208
10 http mp4 video 행복아이 2019.06.14 208
Board Pagination Prev 1 2 Next
/ 2