为什么我的自定义全屏按钮不起作用？

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缺少“allowfullscreen”属性，iframe中的任何视频都将无法全屏显示。