2014-04-13 4 views
1

저는이 사이트 (http://martindue.dk/esoft/)에서 첫 번째 블록 안에 영화 플레이어를 갖고 싶습니다. 그래서 처음부터 무언가를 만들 필요가 있다고 생각합니다. 왜냐하면 비디오 플레이어에 컨트롤이 없기를 원하기 때문입니다. 그리고이 "재생 버튼"은 아직 시작되지 않았을 때 비디오 상단에 나타나야합니다. 클릭시 버튼이 사라지고 비디오가 재생되기 시작합니다.HTML5 비디오에 가장 적합한 방법은 무엇입니까?

많은 코드없이 할 수 있습니까? 나는 Javascript (jQuery)에 관해서는 짐승이 아니다.

+1

[mediaelementjs] (http://mediaelementjs.com/) – xiidea

+0

예, 가능합니다 동영상 요소에 대한 HTML 5 자습서 중 하나를 선택하십시오.) 코덱에 문제가 발생할 것입니다. 그건 당신이 오래된 브라우저와 호환되어야한다면 ... 당신은 대체 방법 (플래시?)이 필요합니다 –

+0

그것은 매우 어려운 소리 : 그냥 요소와 이벤트 리스너. – Zirak

답변

3

가 문제 해결하기 3 개 방법이 있습니다

  • 자신의 비디오 컨트롤을 제작할 수 있습니다 무료/오픈 소스 플레이어를 사용 JQuery와 지원
  • 와 시작을 ​​here을 읽을 수는 : videojs는 고체 선택 사항 (Brightcove 제공). 제 생각에는 mediaelementjs도 유효한 선택입니다.
  • 프리미엄 플레이어를 사용하십시오 : JW playerflowplayer은 2 가지 옵션입니다. 그들은
또한

80% of current browsers 경우 최소에서 "어떤 지원을 당신은 대체 옵션에 대해 생각해야 HTML5 비디오에 대한 지원 재생 (하지 않는다 ... 광고 지원, 통합 API, 라이브 스트리밍, 비디오 분석과 같은 추가 기능을 추가합니다 귀하의 동영상을 시청하기 위해 무엇을해야하는지 사용자에게 알려주는 메시지 - 물론 플래시 대체가 더 좋은 옵션이 될 수 있습니다.)

+1

+1은 HTML5 사양이 타사 라이브러리가 필요하지 않거나 기본 브라우저 컨트롤에 의존하지 않고 OP가 자신의 플레이어를 롤업하는 데 사용할 수있는 API를 제공한다는 것을 언급합니다. – pwdst

+0

@pwdst라고합니다. 실제로 어떤 경우에는 기본 기능 만 필요한 경우 특히 외부 라이브러리를 사용하는 것보다 플레이어를 만드는 것이 더 빠르거나 가볍습니다. –

1

특히 이전 IE 및 Android에서 나에게 나쁜 경험이 있으므로 mediaelementjs를 권장하지 않습니다.

나는 방금 video.js을 평가하기 시작했으며 아직 문제가 없었습니다.

+0

고마워, 내가 볼게 :) – Dueify

관련 문제