ನಾನು ಡಿವ್ ಪೂರ್ಣ ಪರದೆಯನ್ನು ಹೇಗೆ ಮಾಡುವುದು?

ನನ್ನ ಕೆಲವು ಡೇಟಾವನ್ನು ಗ್ರಾಫ್ ಮಾಡಲು ನಾನು ಫ್ಲಾಟ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ ಮತ್ತು ಈ ಗ್ರಾಫ್ ಪೂರ್ಣಪರದೆ ಕಾಣುವಂತೆ ಮಾಡುವುದು ಉತ್ತಮ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತಿದ್ದೆ (ಮಾನಿಟರ್‌ನಲ್ಲಿ ಪೂರ್ಣ ಜಾಗವನ್ನು ಆಕ್ರಮಿಸಿಕೊಳ್ಳಿ) ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದ ನಂತರ. ಪ್ರಸ್ತುತ, ನನ್ನ ಡಿವ್ ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:

ಸಹಜವಾಗಿ, ಶೈಲಿಯ ಗುಣಲಕ್ಷಣವು ಪರೀಕ್ಷೆಗೆ ಮಾತ್ರ. ನಿಜವಾದ ವಿನ್ಯಾಸದ ನಂತರ ನಾನು ಇದನ್ನು ಸಿಎಸ್ಎಸ್ ಗೆ ಸರಿಸುತ್ತೇನೆ. ಹೇಗಾದರೂ ನಾನು ಈ ಡಿವ್ ಪೂರ್ಣಪರದೆ ಮಾಡಲು ಮತ್ತು ಎಲ್ಲಾ ಈವೆಂಟ್ ನಿರ್ವಹಣೆಯನ್ನು ಕಾಪಾಡಬಹುದೇ?

51
задан Legend 19 August 2011 в 20:28
поделиться

1 ответ

Может использовать FullScreen API как это

function toggleFullscreen() {
  let elem = document.querySelector('#demo-video');

  if (!document.fullscreenElement) {
    elem.requestFullscreen().catch(err => {
      alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
    });
  } else {
    document.exitFullscreen();
  }
}

Демонстрация

const elem = document.querySelector('#park-pic');

elem.addEventListener("click", function(e) {
  toggleFullScreen();
}, false);

function toggleFullScreen() {

  if (!document.fullscreenElement) {
    elem.requestFullscreen().catch(err => {
      alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
    });
  } else {
    document.exitFullscreen();
  }
}
#container{
  border:1px solid #aaa;
  padding:10px;
}
#park-pic {
  width: 100%;
  max-height: 70vh;
}
<div id="container">
  <p>
    <a href="#" id="toggle-fullscreen">Toggle Fullscreen</a>
  </p>
  <img id="park-pic"
      src="https://storage.coverr.co/posters/Skate-park"></video>
</div>
0
ответ дан 7 November 2019 в 09:41
поделиться
Другие вопросы по тегам:

Похожие вопросы: