質問編集履歴
1
追記
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
WordPress ヘッダーメディアのYouTube動画を高さ固定で表示させたい
|
body
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
1
|
-
WordPressサイトでヘッダーメディアを使ってトップページにYoutube動画を表示させています。
|
|
1
|
+
[こちらの記事](https://web.tedask.jp/header-media-add-movie/)を参考にWordPressサイトでヘッダーメディアを使ってトップページにYoutube動画を表示させています。
|
|
2
2
|
### 実現したいこと
|
|
3
3
|
動画の高さを画面いっぱいに固定して、ブラウザを狭めたときは中央を基準に左右がトリミングされるようにしたいと思っています。
|
|
4
4
|
理想はこういう形です→ [http://demo.vs1.biz/videounit/](http://demo.vs1.biz/videounit/)
|
|
5
5
|
### 試したこと
|
|
6
6
|
cssのobject-fit: cover;を使えばいいのかと思って以下のようにしてみました。
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
functions.php
|
|
9
9
|
```ここに言語を入力
|
|
10
|
+
add_theme_support( 'custom-header', array(
|
|
11
|
+
'width' => 2200, //動画の幅
|
|
12
|
+
'height' => 935, //動画の高さ
|
|
13
|
+
'flex-width' => true,
|
|
14
|
+
'flex-height' => true,
|
|
15
|
+
'header-text' => true,
|
|
16
|
+
'video' => true
|
|
17
|
+
) );
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
該当ページPHPファイル
|
|
21
|
+
```ここに言語を入力
|
|
10
22
|
<div class="youtube_wrap">
|
|
11
23
|
<div class="youtube_inner">
|
|
12
24
|
<div class="youtube_cont">
|