네이버TV같은 곳에서 동영상 보다보면 스크롤을 내릴경우 우측하단에 동영상이 뜨길래 구현해보았습니다.

 

코드가 난잡한 상태고, 테스트를 많이 안해봐서 확인이 필요할듯합니다

 

시간나는대로 애드온 형태로 올릴예정입니다. 

 

다만 현재는 video 태그로 작성된것만 팝업으로 보여지게 됩니다.

 

많은 테스트 부탁드립니다.

https://ssomin.tk/board/694 video

https://ssomin.tk/board/722  vimeo
https://ssomin.tk/board/721 youtube

 

스크롤 내리시면 팝업이 뜹니다.

 

 

(pc에서만 작동합니다.)    모바일 활성화 시켜두었습니다.

 

 

애드온 링크

https://xetown.com/lakepark/589403

 

 

natura

profile
취미로 개발하는 사람입니다.
  • ?
    잘 작동하네요 멋있어요 애드온 기대할게요 후작업 하신다면 oembed로 가져온 것도 작동이 될까요?
  • ? profile
    oembed를 사용해본적이 없어서 잘모르겠네요~
  • profile
    ㄷ ㅐ 박~!!!!~!~! 어떻게 하신거예요?
    알려주세요~!!!! >.<
  • profile profile
    제이쿼리를 이용한 간단한 트릭입니다.
    브라우저 스크롤 위치가 어디에 있는지 체크하고 그 위치가 동영상이 있는 위치보다 밑이면 우측하단에 고정되게 놓는 방식입니다.
  • profile
    진짜 대박 ㅎㅎㅎ
  • profile
    대박! 이런 건 추천을 누르지 않을 수 없어!! 애드온도 완전 기대됩니다!
  • ?
    우와우와~ 정말 멋져요!!
  • profile
    와우 멋지네요~
  • profile
    썸네일도 자동으로 출력되는건가요? 아니면 이미지 첨부 하신건가요? 정말 대박입니다.
  • profile profile
    어떤 섬네일 말씀하시는거죠?
  • profile profile
    아~ 제가 이해를 못한듯합니다. html5 vedeo tag 만 가능한건가요? 유투브나 vmeo ifram으로 등록하면 출력이 안되나요?
  • profile profile
    네 현재 video태그만 지원하는 상태입니다
  • profile profile
    https://ssomin.tk/board/722 vimeo
    https://ssomin.tk/board/721 youtube
  • profile profile

    0.png 세, 세상에...!!

  • profile
    뭔가 신기하네욬ㅋㅋ
  • profile

    jQuery였군요! 저도 시험 삼아 아이프레임에 요렇게 응용해봤어요ㅋㅋ http://bit.ly/2pjORL4
    근데 natura님 같은 닫기 버튼은 아직...ㅠ

  • profile profile
    숨기는 버튼 괜찮은데요 :D
  • profile profile
    ㅠㅠ 숨길 의도는 없는데 숨네요ㅋㅋㅋㅋ
    좀 더 머리를 써야겠어용
  • profile profile
    버튼눌렀을때 if문으로 작동안되게끔 하는 방법도 있습니다.
  • profile profile
    음... 오늘은 시간도 남으니 동네 커피숍에 자리잡고 한번 파볼게요!
    (이렇게 쓰지만 애드온을 더 기다릴게요ㅋㅋㅋ)
  • profile profile
    작품의 근원지는 동네커피숍이었군요..음...
  • profile profile
    구글링으로 팁줍하러 다니기에 딱 좋아요ㅋㅋㅋ
    그나저나 '작품'이 나와야 할 텐데요...;;
  • ?
    헐 신기하네요... 모바일도 호환되면 좋겠다는생각이 들었어요
  • profile
    모바일에서도 되나요? 저는 현재 모바일에서는 안되는것 같아요.
  • profile profile
    아이폰에서 체크해봤을때 동영상크기가 안맞는 문제가 발생하여 임시적으로 비활성화 시켰습니다.
    무엇보다 모바일에서는 화면크기가 작다보니 비효율적인 부분도 있었습니다.
  • profile profile
    그랬구나. 기대할게요. 애드온.
  • profile
    좋네요..^^ 빨리 나오길 기대합니다.
  • ?
    멋지네요...
  • profile
    대박 @@@@@@@@@@
  • ?
    대박...
  • profile
    우워~!!!! 너무 좋다~!! >.< 예전 이 기능을 웹에서 보고 xe로도 구현이 가능하면 좋겠다고 생각만 했는데... 실력이 없어서 그냥 포기했었는데요...

    애드온으로 나온다니 정말 기대가 큽니다!!!!
    비메오랑 유투브도 16대 9 화면으로 나왔으면 좋겠어요... 지금 화면은... 1:1이나 4:3 비율인것 같아요...
  • profile ?
    https://xetown.com/lakepark/589403 나왔어요.
  • ?
    우어....대박이네요
    영상닫기 누르면 영상 재생 같이 멈추는 건 직접 만들면 될것같네요
    유튜브같아요 대박
  • ? profile
    유투브는 가능합니다.
    다음 버전에 추가 해볼께요
  • profile
    와 정말 편리합니다... 작성자님의 능력에 추천! ㅠㅠ7
  • profile
    이거 왜 애드온 페이지가 안뜨나요 ㅠㅠㅠㅠ