Youtubeからの埋め込み初期設定では、allowfullscreenは未許可 Get link Facebook X Pinterest Email Other Apps - September 15, 2023 <!-- ここに Markdown 記法で記述するとプレビュー時に変換される --> White parasol - Seiko Matsuda ## 初期(未許可) ```html <iframe frameborder="0" height="360" src="https://youtube.com/embed/0CgHsa61s8E ?si=r4eLi9u_RRI53Pak " width="480" ></iframe> ``` 「si=」のパラメータがデフォルトで設定されている。これはリンクがどこから取得されたかをYouTubeが把握するためのパラメータ<br> 「allowfullscreen」の記述なし ### 出力 <div class="iframe-wrapper"> <iframe frameborder="0" height="360" src="https://youtube.com/embed/0CgHsa61s8E?si=r4eLi9u_RRI53Pak" width="480"></iframe> </div> ## allowfullscreen適用後 ```html <iframe allowfullscreen="" frameborder="0" height="360" src="https://youtube.com/embed/0CgHsa61s8E ?si=r4eLi9u_RRI53Pak" width="480" ></iframe> ``` ### 出力 <div class="iframe-wrapper"> <iframe allowfullscreen="" frameborder="0" height="360" src="https://youtube.com/embed/0CgHsa61s8E?si=r4eLi9u_RRI53Pak" width="480"></iframe> </div> ### aspect-ratio: 9/16 <div class="iframe-wrapper"> <iframe width="490" height="" aspect-ratio="1/1" src="https://youtube.com/embed/GvThihI-Rw0?" frameborder="0" allowfullscreen /></iframe> </div> <!--YouTube IFrame Embed--> <!-- <div class="iframe-wrapper"> <iframe width="" height="490" src="https://www.youtube.com/embed/ KahDf8YaKj8 ? rel=0& fs=0& modestbranding=1& controls=1& autoplay=0&mute=0& playlist=GvThihI-Rw0,TNOvFBGoyjM,1v7UZxPgU9c,QZJnG8R3OlI,B6-jmfTZDCI& loop=1& start=10& end=25 " frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"> </iframe> </div> --> <!-- この2つは組み合わせて使う 「 listType=playlist& list=PLa874BnsXj3xDd5dMFNo_NkrAgH0ewD5S& 」(既存のプレイリスト再生) 「fs=0」(全画面表示ボタンを非表示にする) 「playsinline=0」(iOS 上で動画を、全画面表示で再生させる) 「showinfo=0」(タイトルバーを非表示にする) 「showinfo=1」(「再生リスト」のサムネイルを表示させる)(「再生リスト」の動画プレーヤーの場合) 「iv_load_policy=1」(「アノテーション」表示) 「iv_load_policy=3」(「アノテーション」非表示) 「disablekb=1」(キーボード操作無効)(HTML5形式の動画プレーヤーの場合) 「disablekb=0」(キーボード操作有効)(HTML5形式の動画プレーヤーの場合) 「cc_load_policy=1」(字幕を表示)(HTML5形式の動画プレーヤーの場合) 「hl=en」(ツールチップの文字の言語を、英語にする) 「hl=zh」(ツールチップの文字の言語を、中国語にする) 「hl=es」(ツールチップの文字の言語を、スペイン語にする) 「allowfullscreen」無し(全画面表示ができないようにする) 「allowfullscreen」有り(全画面表示ができるようにする) 埋め込み時 si=tkaK_RS9J0HGq4qZ& 「si=」のパラメータがデフォルトで設定されている。これはリンクがどこから取得されたかをYouTubeが把握するためのパラメータ 「allowfullscreen」の記述なし --> Get link Facebook X Pinterest Email Other Apps Comments
Back to TOP button Demo page - October 01, 2023 Scroll down a little and a "Return to TOP button" will appear at the bottom right . Clicking the button will return you to the top of the page with a smooth action. Read more
Comments
Post a Comment