iframe 동영상 player FullScreen
페이지 정보
본문
<script>
function iframeFullScreen(sid) {
var iframe = document.getElementById(sid);
var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen;
if (requestFullScreen) {
requestFullScreen.bind(iframe)();
}
}
</script>
<div style="width:100%;text-align:center;">
<p>
<iframe id="iframe01" width="560" height="315" src="https://www.youtube.com/embed/61X0wB2xgg0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</p>
<button type="button" class="btn btn_fullscreen" onclick="iframeFullScreen('iframe01');">iframe FullScreen</button>
</div>
추천
0
비추천
0
iframe,FullScreen
hash tag
- 다음글 summernote 커스컴 Extends plugins에서 데이타 입력시 focus 문제 24.11.11