유튜브 화면 사이즈 조절 문의

1. 정확한 제품 또는 플러그인 이름

KBoard

 

2. 상세 내용

유튜브 영상 링크를 붙여넣으면 PC화면에서 다음과 같이 납작하게 출력이됩니다.

어떤 부분을 손봐주어야하나요. 모바일 환경에는 지장이 없었으면합니다.

 

3. 확인 가능한 상세 페이지 주소

 

4. 수정한 코드 내역 (있다면)

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 감사합니다.

    일단 PC 화면에서 유튜브 플레이어가 납작한 문제는 해결되었습니다.

    그런데 모바일에서는 플레이어가 반으로 잘려 출력됩니다.

  • AI에 의해 자동 생성된 답변이에요 😀

    Sure! Here is the rephrased answer without the question mark:

    1.번, 답변: AI에 의해 자동 생성된 답변이에요 ???? 안녕하세요! 유튜브 화면 사이즈 조절에 관한 문의에 대해 답변드리겠습니다. 1. KBoard 플러그인을 사용하시는..., 질문의 링크: https://www.cosmosfarm.com/threads/document/66609

    2.번, 답변: 안녕하세요~^^ 올려주신 페이지에서 인스타그램 미리보기 쪽이 모바일 화면에서 벗어나게 보이는 문제는 워드프레스 관리자 -> 외모(테마 디자인)..., 질문의 링크: https://www.cosmosfarm.com/threads/document/30274

    3.번, 답변: 안녕하세요~^^ 올려주신 페이지 주소로 확인해보니 CSS 코드로 간단하게 해결될 듯합니다. 워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하..., 질문의 링크: https://www.cosmosfarm.com/threads/document/30393

    4.번, 답변: 안녕하세요~^^ 워드프레스 외모 쪽에서 삭제한 메뉴들이 모바일에서 표시된다면 테마나 다른 플러그인 쪽에서 관련 설정을 확인해보시고 비활성화..., 질문의 링크: https://www.cosmosfarm.com/threads/document/28021

    5.번, 답변: 안녕하세요~^^ 최신 버전의 KBoard 댓글 플러그인에서는 댓글 비밀번호 확인 창과 댓글 수정 창은 아래의 코드로 PC, 모바일, 태블릿 등 접속하는..., 질문의 링크: https://www.cosmosfarm.com/threads/document/40054

    6.번, 답변: 안녕하세요~^^ jQuery Animsition 플러그인을 사용해보시는 건 어떠신지요? 자세한 내용은 아래의 링크를 참고해보세요. http://git.blivesta.com/animsition/..., 질문의 링크: https://www.cosmosfarm.com/threads/document/29568

    8.번, 답변: 안녕하세요~^^ 우선, PC와 모바일 화면에서 서로 다른 CSS 코드를 적용하시려면 미디어 쿼리에 대해 알아보시겠어요? 미디어 쿼리는 구글에 검색해보..., 질문의 링크: https://www.cosmosfarm.com/threads/document/33055

    9.번, 답변: 안녕하세요~^^ 1. 푸터 고정은 코드만으로는 딱히 문제가 없어보입니다. KBoard와 겹친다는 것이 어떤 것인지 자세히 설명해주시겠어요? 2. 해당 부분에..., 질문의 링크: https://www.cosmosfarm.com/threads/document/55380

    10.번, 답변: 안녕하세요~^^ 이미지 슬라이더는 lightSlider를 활용하시면 가능합니다. 찾아보면 다른 jQuery 플러그인이 있을 수도 있습니다. 페이지 빌더에서 이미지..., 질문의 링크: https://www.cosmosfarm.com/threads/document/51437

    ↓ 아래 버튼을 눌러서 피드백해주세요.

  • 답변 감사드립니다만 문제가 해결되지 않았습니다.

    게시글에 첨부한 링크로 방문하셔서 직접 확인해 주셨으면합니다.

    감사합니다.

  • 안녕하세요~^^

    아래 코드를 css추가하기에 추가해보시겠어요?

    #kboard-thumbnail-document .kboard-content .content-view{ width: 50%; }

    고맙습니다.

  • 저도 똑같은 증상이네요. 

    .kboard-content .content-view{ width: 50%; }

    해당 코드를 Css 추가하기 하니, PC는 괜찮은 데 모바일에서는 폭이 반으로 잘리네요.

    유튜브 영상의 높이를 자동으로 화면 폭에 맞게 조절할 수는 없나요?

     

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기