Kiedy używasz video.js, dlaczego przycisk pełnoekranowy nie działa wewnątrz ramki iframe?

Question

Jan 04, 2013, 07:01 AM

Kiedy używasz video.js, dlaczego przycisk pełnoekranowy nie działa wewnątrz ramki iframe?

Używam video.js do odtwarzania wideo. Gdynie używając iframe, kliknięcie przycisku pełnego ekranu działa zgodnie z oczekiwaniami. Jeśli jednak używasz ramki iframe, przycisk pełnoekranowy nie działa. Dlaczego to?

Strona główna video.js jesthttp://videojs.com/

kod strony iframe to:

<!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>

kod strony sco01-m.htm to:

<!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>

Strona sco01-m.htm może używać przycisku pełnego ekranu, ale strona iframe nie może być używana.