mp4などの動画ファイルを埋め込んだ場合、ブラウザによっては再生できないなどの事象がある為、Youtube動画の埋め込みを推奨しております。
Youtube動画の埋め込み方法
まずYoutubeに動画をアップロードし、動画ページの共有ボタンから埋め込みコードを取得します。
次にCMSの編集画面にてブロック追加のボタンをクリックし、Youtubeブロックを追加します。
Youtubeブロックに埋め込みコードを貼り付けて、埋め込みの完了です。
詳細の作業方法はフラッシュやYouTube,GoogleMapの挿入ページよりご確認ください。
また貼り付けの際、動画の幅と高さの指定がされておりスマートフォン時に動画の見切れが発生します 。
その為下記、ソースコードの追加が必要となります。
コードを記述しますとスマートフォン時も100%の表示となります。
▼追加するコード：
<div class="youtube">埋め込みコード</div>
上記を追加しても見切れが発生する場合は、CSS情報が足りない可能性があります。
その場合head内へ下記を記載してください。
<style>
@media only screen and (max-width: 690px) {
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
}
</style>
こちらでもスマートフォン時に見切れなどが生じましたら、サポートまでお問い合わせいただきますようお願いいたします。