유튜브 임베드시 질문ㅜㅜ 채택완료
바트컨트롤
1년 전
조회 1,986
유튜브 임베드 스크립트 이용 시 아이폰만 재생(빈공백?흰화면)이안되는데 혹시 원인을 알 수 있을까요..ㅠ?
영상은 질문상에서만 zzzz으로 대체하였습니다
갤럭시는 잘되는데 아이폰만 안되네요ㅠ....조언부탁드립니다..
현재상황: 자동재생(必-음소거)
</p>
<p><script>
//영상 자동재생 및 컨트롤
var tag = document.createElement('script');
tag.src = "<a href="https://www.youtube.com/iframe_api";" target="_blank" rel="noopener noreferrer">https://www.youtube.com/iframe_api";</a>
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player_1;
var player_2;</p>
<p> function onYouTubeIframeAPIReady() {
player_1 = new YT.Player('MainVideo_itemPC', {
videoId: 'zzzz',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 0,
'playsinline': 1,
'controls': 0,
'color':'white',
'loop': 1,
'mute':0,
'quality': 'hd720',
'playlist':'zzzz'
},
events: {
'onReady': onPlayerReady1,
}
});</p>
<p>
player_2 = new YT.Player('MainVideo_itemMo', {
videoId: 'zzzz',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 0,
'playsinline': 1,
'controls': 0,
'color':'white',
'loop': 1,
'mute':0,
'quality': 'hd720',
'playlist':'zzzz'
},
events: {
'onReady': onPlayerReady2,
}
});
}
function onPlayerReady1(event) {
player_1.playVideo();
player_1.mute();
}
function onPlayerReady2(event) {
player_2.playVideo();
player_2.mute();
}
function stopVideo() {
player_1.stopVideo();
player_2.stopVideo();
}
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
1년 전
먼저 mute 속성은 1 이 되어야 할것 같고
</p>
<p> 'loop': 1,
// 'mute':0,</p>
<p> 'mute':1,
'quality': 'hd720',</p>
<p>
다음처럼 구성했을 경우 문제없이 재생되는것 같습니다.
</p>
<p><div id="MainVideo_itemPC"></div>
<div id="MainVideo_itemMo"></div></p>
<p><script>
//영상 자동재생 및 컨트롤
var tag = document.createElement('script');
tag.src = "<a href="https://www.youtube.com/iframe_api";" target="_blank" rel="noopener noreferrer">https://www.youtube.com/iframe_api";</a>
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player_1;
var player_2;
function onYouTubeIframeAPIReady() {
player_1 = new YT.Player('MainVideo_itemPC', {
videoId: 'cWJo5B2Kf_k',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 0,
'playsinline': 1,
'controls': 0,
'color':'white',
'loop': 1,
'mute':1,
'quality': 'hd720',
// 'playlist':'cWJo5B2Kf_k'
},
events: {
'onReady': onPlayerReady1,
}
});</p>
<p> player_2 = new YT.Player('MainVideo_itemMo', {
videoId: 'cMt-9mnkTnM',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 0,
'playsinline': 1,
'controls': 0,
'color':'white',
'loop': 1,
'mute':1,
'quality': 'hd720',
// 'playlist':'cMt-9mnkTnM'
},
events: {
'onReady': onPlayerReady2,
}
});
}
function onPlayerReady1(event) {
player_1.playVideo();
player_1.mute();
}
function onPlayerReady2(event) {
player_2.playVideo();
player_2.mute();
}
function stopVideo() {
player_1.stopVideo();
player_2.stopVideo();
} </p>
<p> </p>
<p> window.addEventListener('load', function () {
onYouTubeIframeAPIReady();
});
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
바트컨트롤
1년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
앗
다시보니깐
https://myhomepage.com(작동안됨)
http://myhomepage.com(작동됨)
https만 작동이안되는것 같습니다!
ssl은 설치해둔상태입니다