Cuando se usa video.js, ¿por qué el botón de pantalla completa no funciona dentro de un iframe?
Yo uso video.js para reproducir video. Cuandono usando un iframe, hacer clic en el botón de pantalla completa funciona como se esperaba. Sin embargo, cuando se utiliza un iframe, el botón de pantalla completa no funciona. ¿Por qué es esto?
La página de inicio de video.js eshttp://videojs.com/
El código de la página del iframe es:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<iframe src="sco01-m.htm" id="cw" name="cw" width="100%" height="1000px;" scrolling="no" frameborder="0"></iframe>
</body>
</html>
El código de la página sco01-m.htm es:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<body>
<div align="center">
<video id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="800" height="600" poster="1.jpg"
data-setup="{}">
<source src="A-2-4.mp4" type='video/mp4'>
<source src="oceans-clip.webm" type='video/webm'>
</video>
</div>
</body>
</html>
La página sco01-m.htm puede usar el botón de pantalla completa, pero la página iframe no puede usar.