지금 보는 사이트 임프레션-노랑
홈페이지 명(5.1. 강의테스트용 홈페이지)와 페이지 제목(강의용 홈페이지)를 원하는 내용으로 입력하세요.
(배너)머리글 이미지 크기: 가로 1000픽셀, 세로 250픽셀
<iframe src="https://edrawcloudpublicus.s3.amazonaws.com/viewer/self/3798816/share/2023-9-18/1695038810/main.svg" style="width:100%; height:800; frameborder:none; border:none; scrolling:no"></iframe>
border : iframe요소는 기본적으로 검정색 테두리(border)를 가진다.
frameborder : 0(경계선없음), 1(경계선있음)
유튜브 동영상퍼가기
너비 맞추기
<iframe width="100%" height="315" src="https://www.youtube.com/embed/HaoG58-V1Ac?si=okHnEJMefGXKC9xr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
시작시간: 2분
<iframe width="100%" height="315" src="https://www.youtube.com/embed/HaoG58-V1Ac?si=okHnEJMefGXKC9xr&start=120" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
플레이어 컨트롤 표시안함.
<iframe width="100%" height="315" src="https://www.youtube.com/embed/HaoG58-V1Ac?si=okHnEJMefGXKC9xr&controls=0&start=120" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
자동재생
크롬, 사파리, 엣지 등 최신 브라우저들은 사용자의 동의 없이 소리가 나는 영상이 자동재생되는 것을 차단합니다.
따라서 반드시 음소거(mute=1)를 함께 적용해야 자동재생이 정상 작동합니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/rmPzBusvCDs?si=seMuP0hCbxshEDdS" 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>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rmPzBusvCDs?autoplay=1&mute=1&si=gXXdvBEHdf0fh6Iq" 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>
아래 동영상의 음소거를 해제하세요.
shorts 삽입하기
https://youtube.com/shorts/DTzlyTdje7Y?si=sykF9yW6Vqno4TBo
https://youtu.be/DTzlyTdje7Y?si=YC_wmOUI-MDe52Ew
플래시 파일 넣기
플래시 파일을 "https://catbox.moe/" 사이트에 업로드 후 링크복사
https://files.catbox.moe/3nz29i.swf
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<div id="flash-container" style="width:100%; height:600px; display:flex; justify-content:center; align-items:center; background-color:#000;"></div>
<script>
window.RufflePlayer = window.RufflePlayer || {};
// ⚠️ Ruffle에게 자동재생을 강제로 시키는 핵심 설정
window.RufflePlayer.config = {
"autoplay": "on",
"unmuteOverlay": "hidden",
"letterbox": "on"
};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("flash-container");
container.appendChild(player);
// 여기에 본인의 SWF 파일 직통 다운로드 URL을 입력하세요
player.load("https://files.catbox.moe/3nz29i.swf");
player.style.width = "100%";
player.style.height = "100%";
});
</script>
플래시를 클릭하면 소리가 납니다.