chromecast SDK 3.0을 사용 중이며 사용자 지정 리시버를 만들고 싶습니다. 그것은 비디오 및 오디오와 잘 작동하지만 이미지 캐스팅에는 문제가 있습니다.사용자 지정 리시버가 올바르게 이미지를 표시하지 않습니다.
<body style="margin: 0">
<img id="androidImage" src="" />
...
에서 JS 파일 : 이러한 구현 이미지
sampleplayer.CastPlayer.prototype.loadImage_ = function(info) {
this.log_('loadImage_');
var url = info.message.media.contentId;
document.getElementById("androidImage").src=url;
this.setState_(sampleplayer.State.PLAYING, true);
};
1 초에 나타나고 배경 이미지로 대체하여 사라
HTML 파일 있다. 또한 이미지가 잘못된 크기로 표시됩니다. 스타일을 적용하려면 다음 코드를 사용하십시오.
<style>
img#androidImage {
height:100%;
width:100%;
}
</style>
누군가 입력이 있습니까? 감사!
브라우저에서 올바르게 작동합니까? 본문이 브라우저 뷰포트의 높이가 100 %가 아닌 경우 이미지의 높이를 100 %로 조절할 수 없습니다. 빠른 수정은 보통 body와 html의 100 % hight를 설정합니다. 설명은 – ilwcss