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 중간에 버튼 행복아이 2014.09.24 1002
» http streaming 코드 행복아이 2014.09.11 895
27 video js 자막 옵션 행복아이 2014.09.11 750
26 자동실행 행복아이 2019.06.21 706
25 hls 속도테스트 행복아이 2019.06.21 695
24 hls pc 및 모바일 행복아이 2019.06.21 662
23 knubs 96 행복아이 2019.06.21 505
22 HLS m3u8 ie 테스트 PC 및 모바일 모두 HTML5로 재생됨 행복아이 2019.06.20 481
21 knubs 행복아이 2019.06.21 450
20 HTML5 fullback flash (videojs + Flowplayer) 행복아이 2014.09.12 340
19 test3 vjs.zencdn.net 행복아이 2019.06.21 312
18 실시간방송 HLS 모바일용 file 행복아이 2015.07.31 303
17 videojs +jw fallback 행복아이 2014.09.12 295
16 videojs rtmp 행복아이 2014.09.12 282
15 video-js 게시판입니다. 행복아이 2014.09.05 279
14 videojs + flash mediaelement fallback 행복아이 2014.09.12 276
13 videojs 4.8.8 flash 지원(non-html5) rtmp 행복아이 2014.09.22 258
12 rtmp 실시간 PC 만 행복아이 2017.11.01 253
11 오디오 js 행복아이 2014.09.24 245
10 영상 테스트 행복아이 2015.10.12 240
Board Pagination Prev 1 2 Next
/ 2