WordPress : 비디오 Facebox 팝업을 만드는 방법

Vimeo 및 Youtube 비디오는 이제 웹 사이트 또는 블로그에서 상당한 공간을 차지할 수있는 고화질 비디오를 제공합니다. 이를 최적화하는 한 가지 방법은 Facebox라는 방법을 사용하는 것입니다. 페이스 박스는 별도의 팝업 창없이 페이지 내에 창을 표시하는 좋은 수단입니다.

생명선-비디오-버튼.png

라이프 라인 데이터 센터 Another Cool Design에서 제작 한 비디오가 있는데, 테마를 재배치하거나 재 설계하지 않고도 홈 페이지에 표시하고 싶었습니다. 그래서 우리는 큰 재생 버튼이있는 멋진 작은 이미지를 만들고 그 안에 비디오를 표시하는 세련된 창을 생성하는 코드를 통합했습니다.

lifeline-video-facebox.png

구현은 WordPress Facebox 갤러리 플러그인트루이미지. 나는 창조했다 외부 페이지 (video.html) 비디오가있는 사이트의 루트에 (열릴 때 자동 재생되도록 autoplay = 1 사용) 필요한 스 니펫과 함께 텍스트 위젯을 추가했습니다.

<a href="video.html" rel = "facebox" onclick = "javascript : pageTracker._trackPageview ( '/ special / mypage');"> 

그리고, rel = facebox 지정은 링크를 클릭하면 코드를 시작하는 것입니다. 즉시 재생되기 시작하는 비디오 페이스 박스가 나타납니다. 하나 이상의 동영상을 페이지에 삽입하기위한 간단한 구현 및 쉬운 솔루션입니다. 이 방법은 곧 다른 사이트에서 사용할 예정입니다!

참고 : 클라이언트의 동영상으로 조회수를 캡처하는 것이 중요합니다. 분석 (Google Analytics), 그래서 우리는 또한 앵커 태그에 onclick 이벤트를 추가했습니다. 이제 사람들이 동영상을 클릭하면 '가상'페이지 뷰가 발생합니다. 위의 코드를 추가했습니다.

댓글 3

  1. 1

    튜토리얼을 작성해 주셔서 감사합니다. 안면 상자 팝업에서 인라인 콘텐츠를 구현하기위한 몇 가지 사항이 정리되기를 바랍니다. 🙂

  2. 2

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.