檸檬

동영상 광고 안나오게 했습니다. 본문

공지사항

동영상 광고 안나오게 했습니다.

Jonchann 2020. 2. 28. 17:32

티스토리를 카카오 측에서 대대적으로 리뉴얼 하고 동영상 플레이어를 카카오TV로 하면서 영상 보기 전에는 반드시 광고를 봤어야 했습니다.

 

저는 광고로 수익을 얻고 있지 않는데 말이에요(광고 있는거 진짜 보기 싫어서 이 블로그는 어디에도 광고를 넣지 않고 있음).

더 나아가 이젠 애드블록, 애드가드 등의 광고 차단 확장앱(크롬 기준)을 사용하고 있는 사람은 재생버튼 조차 나오지 않게 됐더라구요.

제 동영상 제가 제 블로그에 광고 없이 올리겠다는데 참.. 카카오측에서 귀찮게도 해주네요.

이것 말고도 리뉴얼 맘에 안드는거 많아서 손 많이 가는구만..

그래서 결론은 광고를 봐야만 동영상을 볼 수 있게 된 게시글의 동영상은 카카오TV를 통해서 올리지 않게끔 수정했다는 거에요.

광고가 멋대로 붙었던 전편 수정했음 ▷ - 이젠 골든위크에 나고야에 가는 사람이 되었다 1일 - [나고야역, 히키즈리]

광고가 멋대로 붙었던 전편 수정했음 ▷ - 도쿄 인턴생활 2週차: 회사 근처 맛집/회사 안근처 맛집

광고가 멋대로 붙었던 전편 수정했음 ▷ - 일본에서 취준할 때 ③ : 스트레스 요소 + 실제 면접 질문

광고가 멋대로 붙었던 전편 수정했음 ▷ - 도쿄에 집 구하기 [이삿짐센터編] - 가격 협상 이야기

 

글은 읽었지만 타이밍이 나빠(광고가 붙기 시작한 시점 이후) 동영상은 재생 못하셨다면 이젠 가능하니 맘 놓고 봐 주세요(그렇게 중요한 건 아니지만 쨌든..)

 

빠잉

 

 

++

어떻게 했는지 적어두는게 좋을 것 같아서 추기 씁니다.

  1. 구글 드라이브에 동영상 업로드
  2. 공유 -> 링크를 가진 사람에게 공개로 권한 변경
  3. 다시 파일 목록에서 오른쪽 클릭한 후 미리보기 -> 오른쪽 상단 메뉴에서 새 창에서 열기 -> 오른쪽 상단 메뉴에서 항목 삽입 선택
  4. <iframe src="https://drive.google.com/file/d/{id}/preview" width="640" height="480"></iframe> 라는 스크립트가 나올텐데 여기서 d//preview사이 값을 복사
  5. <div style="position: relative; max-width: 100%; text-align: center;"><video id="" class="" poster="" loop="loop" controls="controls" width="{가로값}" height="{세로값}"><source src="http://drive.google.com/uc?export=view&amp;id={4.에서 복사한 값을 여기에 붙여넣기}" type="video/mp4" /></video></div>
  6. 글 저장하고 끝

+++

위 방법이 통하지 않을 경우에는 iframe을 사용할 수 있습니다.

위에 적은 방법 중에 3번 `새 창에서 열기`까지 똑같이 해 준 다음

  1. 개발자 도구(맥의 경우 cmd + shift + C)를 열고 Elements에서 찾기(맥의 경우 cmd + f)를 사용해 html5-video-container를 검색
  2. 코드를 열고 src=부분을 오른쪽 클릭해서 Copy link addres해서 아래 코드에 삽입
  3. <div style="position: relative; max-width: 100%; text-align: center;"><iframe src="{2.에서 복사한 값}" width="{가로값}" height="{세로값}"></span></iframe></div>