Youtube動画を動画ウィジェットで配置したのに再生できない。
メニューから外観→ウィジェットで開いた画面のこれ↓
![](https://taak.biz/wp-content/uploads/2020/09/63746500a1ba5cba9934d2ad0421955a.png)
Vimeoは特に問題ないんだけどね。
Youtubeも前は問題なかったから、WordPressのバージョンのせいかも。
いつか直るかもしれないね。
でも待ってられないので自作する。
まずはYoutubeの共有を開き”埋め込む”を押す。
![](https://taak.biz/wp-content/uploads/2020/09/e49614d8d5e89e716941962aa273700e.png)
コピーを押す。
![](https://taak.biz/wp-content/uploads/2020/09/e15ec85ed491e4b4da0b435da735777d.png)
カスタムHTML&ウィジェットを追加。
![](https://taak.biz/wp-content/uploads/2020/09/0100dd0c5810a4002cecb55c5df776fe.png)
テキストエリアにペーストする。
![](https://taak.biz/wp-content/uploads/2020/09/c99878b70b5f5471ba41ce2c6fad0561.png)
しかし、このままではサイズが固定されるので可変にしたい。
そこでこんな感じにする。
<div style="position:relative;width:100%;padding-top:60%">
<iframe style="position:absolute;width:100%;height:100%;top:0;left:0" src="https://www.youtube.com/embed/XladF5NFsrQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
padding-top: 60% の60%はお好みで。