플레이 비디오 스킨 문의

안녕하세요.

플레이 비디오 스킨 관련 문의드립니다.

스킨에서 글쓰기 하면 유튜브 ID, 비메오 ID 2개 입력할수 있게 되어있는데

혹시 비메오 ID -> 아프리카 티비 ID 로 바꾸고

한개 더 추가해서 트위치(https://www.twitch.tv/) ID 입력하는 폼까지  추가할 수 있을까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 플레이 비디오 스킨에서 현재 아프리카 티비 및 트위치는 지원하지 않고 있습니다.

    추후 연구 개발하여 업데이트하도록 하겠습니다.

    고맙습니다.

  • 감사합니다. 그러면 현재 비메오ID 입력을 트위치ID로 바꾸려고 play-video 스킨의 script.js 파일 37-66줄 구문을 아래와 같이

    ​
    	jQuery("input[name=kboard_option_youtube_thumbnail_url]", form).val("");
    	jQuery("input[name=kboard_option_twitch_thumbnail_url]", form).val("");
    	
    	if(jQuery("input[name=kboard_option_youtube_id]", form).val()){
    		jQuery("input[name=kboard_option_youtube_thumbnail_url]", form).val("https://img.youtube.com/vi/" + jQuery('input[name=kboard_option_youtube_id]', form).val() + "/hqdefault.jpg");
    	}
    	
    	if(jQuery("input[name=kboard_option_twitch_id]", form).val()){
    		var script = document.createElement("script");
    		script.type = "text/javascript";
    		script.src = "//twitch.tv/api/v2/video/" + jQuery('input[name=kboard_option_twitch_id]', form).val() + ".json?callback=kboard_twitch_thumbnail";
    	    jQuery("head").append(script);
    	}
    	else{
    		kboard_play_video_form_submit = true;
    		jQuery("#kboard-play-video-form").submit();
    	}
    	
    	return false;
    }
    
    function kboard_twitch_thumbnail(data){
    	if(data.length){
    		if(data[0].thumbnail_large) jQuery("input[name=kboard_option_twitch_thumbnail_url]").val(data[0].thumbnail_large);
    		else if(data[0].thumbnail_medium) jQuery("input[name=kboard_option_twitch_thumbnail_url]").val(data[0].thumbnail_medium);
    		else if(data[0].thumbnail_small) jQuery("input[name=kboard_option_twitch_thumbnail_url]").val(data[0].thumbnail_small);
    	}
    	kboard_play_video_form_submit = true;
    	jQuery("#kboard-play-video-form").submit();
    }
    
    
    
    ​

    editor.php 파일중 비메오 문구 94-101줄을

    		<div class="kboard-attr-row">
    			<label class="attr-name" for="kboard-input-twitch-id">트위치 ID</label>
    			<div class="attr-value">
    				<input type="text" id="kboard-input-twitch-id" name="kboard_option_twitch_id" value="<?php echo $content->option->twitch_id?>" placeholder="트위치 비디오 ID...">
    				<input type="hidden" name="kboard_option_twitch_thumbnail_url" value="<?php echo $content->option->twitch_thumbnai_url?>">
    				<div class="description">※ 주소 끝에 있는 ID값만 입력해주세요. (예:https://twitch.tv/videos/<span class="text-bold">237551523</span>)</div>
    			</div>
    		</div>

    이와 같이 수정했습니다. 그랬더니 '저장하기'버튼이 안 눌러지네요^^;;

    코드 틀린 부분 어딘지 점검좀 해주실수 있나요?

  • 안녕하세요.

    올려주신 내용만으로는 원인을 파악하기 어렵습니다.

    크롬 브라우저 개발자 도구(F12 키) Console 쪽에 에러 메시지가 표시되는지 확인해보시겠어요?

    고맙습니다.

  • https://imgur.com/a/he8d2L6 이렇게 나오는데 제가 어제 SSL 적용하려고 설정->일반 에서 워드프레스 주소 하고 사이트 주소를 https://xion.kr 로 수정했는데 이것때문에 그런걸까요? 

  • 수정하신 코드는 어느 부분을 참고하신 건지요?

    추가하신 kboard_vimeo_thumbnail 함수가 정상적으로 실행되지 않고 있는 듯합니다.

    트위치 영상을 게시하는 건 저희도 연구를 해봐야 할 듯합니다.

    직접 프로그래밍이 가능하시다면

    트위치 쪽 문서를 참고해보시겠어요?

    https://dev.twitch.tv/docs/embed/

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요