안녕하세요.
플레이 비디오 스킨 관련 문의드립니다.
스킨에서 글쓰기 하면 유튜브 ID, 비메오 ID 2개 입력할수 있게 되어있는데
혹시 비메오 ID -> 아프리카 티비 ID 로 바꾸고
한개 더 추가해서 트위치(https://www.twitch.tv/) ID 입력하는 폼까지 추가할 수 있을까요?
감사합니다. 그러면 현재 비메오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/
고맙습니다.