動画を読み込んで再生していますが、動画の横にサムネイルを表示できません。ここでYoutube APIでランダムな動画とサムネイルを表示
はコードです:
<script>
function rotateYT() {
var videos = ['usewkEuDVjU',
'IL9iemWe_g8',
'gGMi60M5O98',
'SN3CgQvqzAo',
'W1YFnHjjG8s',
'l9qMYZvG7EE',
'j_ljOjr54gc',
'MhczSQtIgNM',
'j_ljOjr54gc',
'T-GPePrh7rw',
'LTNQFYARFOk',
'ehciyVuCyvs',
'g4xSmh0LF6Y',
'shM7cV-fR9o',];
var index=Math.floor(Math.random() * videos.length);
return videos[index];
}
</script>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
var videoID = rotateYT();
player = new YT.Player('player', {
height: '100%',
width: '100%',
border: '0',
version: '3',
showinfo: '0',
rel: '0',
controls: '0',
loop: '0',
allowfullscreen: '0',
videoId: videoID,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
// autoplay video
function onPlayerReady(event) {
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
window.location="mainvids1computers.html" // redirect
}
}
</script>
<div id="player" style="position:fixed; top:0%; left:0%; width:100px; height:100px;">
<img src="http://img.youtube.com/vi/'+videos[index]+'1.jpg/" style="top:100px; left:100px; width:120px; height:180px;">
</div>
私の問題は、imgタグで+動画[インデックス] +を追加しています。私が現在入手しているのは、デフォルトのimgなので、明らかにビデオIDを取得せず、正しく追加しています。これをどうすれば解決できますか?
[OK]をあなたの先生に感謝、私は情報に感謝し、v.muchを回避する上で、私はそれが最善の解決策を持っていることを見つけますあなたの助けを借りて一生懸命にしています。私は自分のコードに合わせてコードを少し変更しました...同様の問題があるかもしれない人のために投稿しました。ありがとうございました – russbaker2016