플레이어(2) - 동영상 특정 지점 연결 (시작시간설정)

특정 지점 연결이 왜 필요할까요?

동영상을 공유하는 방법에는 여러 가지가 있습니다
특히 동영상을 보다 보면 누군가에게 보여주고 싶은 특정 부분이 있고, 긴 영상일 때는 공유방법이 애매하기도 합니다. 이럴 때 사용하는 방법은 재생 구간을 직접 지정하여 공유 할 수 있습니다.

실제 적용 예

아래 방법을 통해 동영상이 재생되었을 때 보여주고 싶은 부분부터 재생을 할 수 있습니다.
아래 예시 동영상은 시작 시간을 43초로 지정한 예입니다.

동영상의 특정 지점에 연결 방법 간단합니다. 단지 배포 코드에 간단한 파라미터 값을 추가하면 됩니다.
입력 숫자는 초 단위로 설정되니 아래 가이드에 따라 사용해보세요.

📘

플레이어 시리즈 관련가이드

  1. HTML5 Player 적용
  2. 동영상 특정 지점 연결
  3. 플레이어 Parameters 적용
  4. 플레이어 iframe API 적용

특정 지점 연결방법


1. iframe

<iframe width="550" height="338" src="https://play.wecandeo.com/video/v/?key=BOKNS9....(video key)&auto=true&start=43" frameborder="0" allowfullscreen></iframe>

2. object

<object width="550" height="338">
<param name="base" value="https://play.wecandeo.com">
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="movie" value="https://play.wecandeo.com/swf/2/video/BOKNS9....(video key)@auto@start_43"/>
<embed src="https://play.wecandeo.com/swf/2/video/BOKNS9....(video key)@auto@start_43" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="338">
</embed>
</object>

3. Player URL

https://play.wecandeo.com/video/v/?key=BOKNS9....(video key)&auto=true&start=43

4. 모바일 html5

iframe 페이지를 직접 만들어 사용하는 경우에는 모바일 플레이어 대응을 위해, 아래와 같이 변수값을 설정해 줘야야 합니다.
iframe 페이지에 아래 내용을 추가해 주세요.

1)
<script>
movieKey = 'BOKNS9AQWrHUkEJlMD1nabW3oLmZZPaWZM3F9rGrRBZcteN7d9q0uAieie';
techMode = 'auto';
var start_val = 43;
</script>

2)
_V_.options.flash.swf = apiHost + '/player/embed/BOKNS9AQWrHUkEJlMD1nabW3oLmZZPaWZM3F9rGrRBZcteN7d9q0uAieie@auto';
-->
_V_.options.flash.swf = '/swf/2/video/

BOKNS9AQWrGCsh6pJfn5vopqbcvvLYDat3SipipxRgwL2shyoDMaau3HNpipgTRsdB2z7LN2quv6xm3HaY7NbOYaONHWPCGiswhGdRmoM5isFtv4ie

@auto@start_43';

🚧

일부 단말기(LG 스마트폰 계열, iPad 등) 에서는 정상적으로 동작하지 않을 수 있습니다.