Почему моя пользовательская полноэкранная кнопка не работает?

Question

Я после этого учебника на пользовательские элементы управления для видео, и я не могу получить кнопку полноэкранного режима работы:

http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos

Вот jsfiddle:

http://jsfiddle.net/strider820/3CGdw/

// Event listener for the full-screen button 
fullScreenButton.addEventListener("click", function() { 
    if (video.requestFullscreen) { 
     video.requestFullscreen(); 
    } else if (video.mozRequestFullScreen) { 
     video.mozRequestFullScreen(); // Firefox 
    } else if (video.webkitRequestFullscreen) { 
     video.webkitRequestFullscreen(); // Chrome and Safari 
    } 
}); 

Когда я выхожу через полноэкранный щелчок, он, кажется, идет туда, где я ожидаю, но тогда фактический вызов функции не работает. Что я делаю не так???

Answer 1

Любое видео в пределах iframe не сможет войти в полноэкранный режим, если в iframe отсутствует атрибут «allowfullscreen».