>webコーティングのポートフォリオでトップページの背景にYouTubeの動画を入れて、自動再生されて、無音で、何秒から再生され始めて、と指定できたりできるhtmlとcssとJavaScriptのソースコード YouTubeの動画埋め込みで再生開始時間や字幕表示を指定する方法 https://webtan.impress.co.jp/e/2014/12/09/18867 JavaScriptの場合 iframeで埋め込んだYouTube動画をJavaScriptで操作。 https://memo.ag2works.tokyo/post-1283/ 蛇足ですが 「PC、タブレット、スマホ」などで解像度は機種ごとに違うので、特定の解像度に依存しないユーザー･フレンドリー(PCフレンドリー、タブレット･フレンドリー、スマホ･フレンドリー)なページが推奨されます。 (各解像度のチェック自体は それほど難しく無いので)現在 Webページを作成しているなら、実際にChromeのデベロッパー･ツールのモバイル･エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみると良いでしょう。 (pxなどの)絶対単位を使っていると「特定の解像度に依存する」ので、SEO(Search Engine Optimization：検索エンジン最適化)的には当然 マイナスになるので ご注意ください。 もしも プロを目指すなら、(pxなどの)絶対単位を使っていると「特定の解像度に依存する」ので、当然 プロとしては失格と言って良いでしょう。 なぜ プロとして失格なのかは、Chromeのデベロッパー･ツールのモバイル･エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみれば分かるでしょう。 (プロなら6k解像度ぐらいは使ってるかもしれませんが)一般的にはPCにおいては「1k～4k」解像度をチェックしておけば良いでしょう(なのでポートフォリオを作成するならPCにおいては「1k～6k」解像度ぐらいには対応すると良いでしょう、レスポンシブ･デザイン対応も必須です)。 Chromeモバイル･エミュレーターの操作法 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+0000052B&tsn+0000052B&bts+2021/11/29%2015%3A52%3A51& ピクセル・パーフェクトなら、px→vwの換算は単なる四則演算なので特に難しいことはありません(アマチュアの勉強用なら1pxぐらいズレても、全然 気にしなくて良いです)。 ただし、「@media：メディアクエリ」はプログラムで言うところの条件分岐になるので、初心者には少々 取っつきにくいかもしれませんが。 本当に自分の作りたいサイトを(勉強のために)実用的なWebページで作ってネットで公開してみると良いでしょう、自分が本気でネットで公開したい、と言うモチベーションが有った方が学習に圧倒的に有利です。 自分が本当にネットで公開したいコンテンツが有るか、どうかも重要な要素になるでしょう。 無料レンタルWebサーバーは基本的に広告が入るので、広告がウザくない所を探して下さい。 いきなり難しいことから始めずに、初めは簡単なレイアウト(パイロット版)からトライしてみると良いでしょう。 Webページにおける基本的な注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000231&tsn+00000231&bts+2019/08/12%2011%3A02%3A18& もし、フロントエンドを目指すなら、下記のコードを見ずに、CSSで その挙動を再現できるレベルを推奨します。 CSSデモ集(-) http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+0000025C&tsn+0000025C.&