YouTube의 vq 매개 변수가 말할 것도 없을 때
말할 일이 없었던 내용
Youtube의 iframeAPI로 동영상을 재생시켜, 화질을 지정한 후에 루프시키는 처리를 했을 때에 빠졌다
동영상 화질을 지정 【 ex) vq:'hd720' 】했는데 자동(화질) 재생되어 버린다・・・
왠지 2회 이후의 재생은, 지정된 대로 화질로 재생된다
라는 이상한 현상에 시달렸다. .
Win10(Ege,IE,chrom,ff), MacSierra(Safari,chrom,ff)로 말할 수 없다. .
해결책
2회째 이후의 재생은, 지정대로 재생되므로, start:시작 시간을 프레임보다 뒤로 설정해 1회 재생된 것으로 해, 빠져나갔다.
다음과 같은 방법으로 시도해 보았습니다.
코드
필요한 최소한의 코드만 게재하고 있습니다.
html<html>
<head>
<script src="//www.youtube.com/iframe_api"></script>
<script>
document.addEventListener('DOMContentLoaded', function(){
function onYouTubeIframeAPIReady() {
ytPlayer = new YT.Player(
'player',
{
videoId: 'YouTubeのID', //【A】YouTubeのID
playerVars: {
loop: 1,
vq: 'hd720', // HD720での再生を強制
playlist: 'YouTubeのID', //【A】をプレイリストにいれてループ再生させる
controls: 0,
autoplay: 1,
showinfo: 0,
start: 100 // 動画の再生時間より多めに設定し、初回の動画を飛ばす
}
}
);
}
}, false);
</script>
</head>
<body>
<div id="player"></div>
</body>
</html>
마지막으로 디버깅
동영상을 마우스 오른쪽 버튼으로 클릭デバック情報をコピー
하면 다양한 정보가 클립됩니다.
적당히 메모장에도 붙여 넣고 아래의 문자 정보를 찾아 본다.
debug_playbackQuality":"이 안에 지정한 화질이 들어 있으면 OK"
에서 확인 작업은 끝
Reference
이 문제에 관하여(YouTube의 vq 매개 변수가 말할 것도 없을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/injoon/items/c9c9e5a5e13f86295576
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<html>
<head>
<script src="//www.youtube.com/iframe_api"></script>
<script>
document.addEventListener('DOMContentLoaded', function(){
function onYouTubeIframeAPIReady() {
ytPlayer = new YT.Player(
'player',
{
videoId: 'YouTubeのID', //【A】YouTubeのID
playerVars: {
loop: 1,
vq: 'hd720', // HD720での再生を強制
playlist: 'YouTubeのID', //【A】をプレイリストにいれてループ再生させる
controls: 0,
autoplay: 1,
showinfo: 0,
start: 100 // 動画の再生時間より多めに設定し、初回の動画を飛ばす
}
}
);
}
}, false);
</script>
</head>
<body>
<div id="player"></div>
</body>
</html>
Reference
이 문제에 관하여(YouTube의 vq 매개 변수가 말할 것도 없을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/injoon/items/c9c9e5a5e13f86295576텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)