https://xetown.com/topics/1161261

 

모바일에서 동영상을 올리려고 하면 대개는 유튜브에 올리고 링크시키는 방법을 사용해왔습니다.

하지만 직접 올리고 바로 플레이가 가능하게 하는 것이 목표였었는데

기능적인 부분은 완성했습니다.

KakaoTalk_20190201_101349687.png

스마트폰에서 촬영한 영상을 업로드하면 다음 화면에서 바로 플레이가 됩니다.

 

문제는 플레이어 화면 크기가 제어되지를 않아서 모바일 포트레이트에서 짤려서 보이네요.

플레이어 크기를 반응형으로 줄여주는 방법을 아직 못찾았습니다.

검색해보니 vieo태그는 100%로 주면 된다고 되어있는데

가져다 붙여놓은 mediaelement-and-player.js 를 좀더 뒤져봐야할 것같습니다.

KakaoTalk_20190201_101349471.png

karma

profile
imageprocess, 통합검색확장모듈
아빠팬더곰은 영원한 초보
  • ?
    그렇긴 한데
    모바일은 플레이시 어차피 전체 화면으로 넘어가서리 ^^
    반응형이 아니라 그냥 일반적인 포트레이트 화면안에만 들어와도 될걸요
  • ?
    오..디버그모드를 항상 활성화 해놓으시네요..
  • ? profile
    아직은 작업중이라...ㅎㅎㅎ
  • profile

    <video class="video-js vjs-default-skin" controls id="%s" width="640px" height="360px" preload="none">

    식으로 가로 세로를 강제로 지정해두면 나중에 줄어들지를 않네요.

    검색해보니 반응형으로 하려면 100%로 설정하라고 되어있는데 100%로 설정하면 js가 0로 간주하고 비디오 화면이 없어져 버리네요. 

    아예 설정을 빼버리면 플레이할때 화면밖으로 튀어나가버리고...

     

    크~~

    적당한 선에서 강제지정하는 것으로 타협해야 할라나봅니다.

     

  • profile
    기대만발입니다!!
    근데 혹시나 해서 질문요. 첨부영상파일을 따로 문서 내에 삽입 안 시켜도 본문에서 자동 출력되는 거예요?
  • profile profile
    첨부 안해도 플레이됩니다.
    화장변수 영역과 본문 사이의 공간에서 첨부화일을 체크해서 플레이 되게 해두었습니다.

    autoplay가 편하기는 한데 가끔은 불편하기도 해서...
    autoplay와 audio loop 등의 몇가지 설정을 추가할 계획입니다.