У меня есть код для игрока API Youtube. Я определил функции, то есть playVideo, stopVideo и т. Д. Но это дает ошибку неопределенных функций.Uncaught TypeError: Не удается прочитать свойство «stopVideo» undefined
После многих исследований я все еще не могу понять эту ошибку.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Videos</title>
<script src="jquery-3.1.1.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="player">
<iframe id="player" width="560" height="315" src="https://www.youtube.com/embed/sGPrx9bjgC8" frameborder="0" allowfullscreen></iframe>
<br/>
<a href="javascript:void(0);" onclick = "playVid()">Play</a>||
<a href="javascript:void(0);" onclick = "stopVid()">Stop</a>||
<a href="javascript:void(0);" onclick = "muteVid()">Mute</a>||
</div>
</body>
</html>
**script.js**
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
tag.scr = "https://s.ytimg.com/yts/jsbin/www-widgetapi-vflioRwVn/www-widgetapi.js";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
window.onYouTubeIframeReady = function(){
player = new YT.Player('player', {
videoId: 'sGPrx9bjgC8',
events: {
'onReady' : onPlayerReady,
}
});
}
function onPlayerReady(event){
event.target.playVideo();
}
function playVid(){
player.playVideo();
}
function stopVid(){
player.stopVideo();
}
function muteVid(){
player.mute();
}
вы можете попробовать с функцией onYouTubeIframeAPIReady() {вместо window.onYouTubeIframeReady = функция() { – Deep
Я пытался это тоже. Но все еще не работает – honey