{"id":23171,"date":"2025-11-13T02:18:38","date_gmt":"2025-11-13T02:18:38","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23171"},"modified":"2025-11-20T08:47:41","modified_gmt":"2025-11-20T08:47:41","slug":"how-do-i-embed-external-video-e-g-youtube-and-resize-it","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/ja\/how-do-i-embed-external-video-e-g-youtube-and-resize-it\/","title":{"rendered":"\u5916\u90e8\u30b3\u30f3\u30c6\u30f3\u30c4\uff08\u4f8b\uff1aYouTube\uff09\u3092\u57cb\u3081\u8fbc\u307f\u3001\u30b5\u30a4\u30ba\u3092\u5909\u66f4\u3059\u308b\u306b\u306f\uff1f"},"content":{"rendered":"
\n
\n
\n
\n
\n \n 1\n <\/span>\n <\/div>\n
\n
YouTube \u3084 Vimeo \u306a\u3069\u306e\u5916\u90e8\u52d5\u753b\u3092\u57cb\u3081\u8fbc\u307f\u305f\u3044\u5834\u5408\u306f\u3001\u307e\u305a Box<\/span> \u30d6\u30ed\u30c3\u30af\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u3001\u5e0c\u671b\u3059\u308b\u4f4d\u7f6e\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002\u6b21\u306b\u3001\u305d\u306e\u4e2d\u306b Embed<\/span> \u30d6\u30ed\u30c3\u30af\u3092\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002\u3053\u3046\u3059\u308b\u3053\u3068\u3067\u3001\u57cb\u3081\u8fbc\u3093\u3060\u52d5\u753b\u306e\u4f4d\u7f6e\u3092\u7c21\u5358\u306b\u8abf\u6574\u3067\u304d\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 2\n <\/span>\n <\/div>\n
\n
\u4f8b\u3068\u3057\u3066 YouTube \u52d5\u753b\u3092\u57cb\u3081\u8fbc\u3080\u5834\u5408\u3001\u57cb\u3081\u8fbc\u307f\u305f\u3044\u52d5\u753b\u753b\u9762\u3067 Share\uff08\u5171\u6709\uff09<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u52d5\u753b\u306e\u30b3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 3\n <\/span>\n <\/div>\n
\n
Embed\uff08\u57cb\u3081\u8fbc\u307f\uff09<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u57cb\u3081\u8fbc\u307f\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u308b\u753b\u9762\u3092\u958b\u304d\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 4\n <\/span>\n <\/div>\n
\n
\u30b3\u30fc\u30c9\u753b\u9762\u304c\u958b\u3044\u305f\u3089\u3001\u30b3\u30fc\u30c9\u5168\u4f53\u3092\u9078\u629e\u3057\u3066 Copy\uff08\u30b3\u30d4\u30fc\uff09<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 5\n <\/span>\n <\/div>\n
\n
Ourdemy \u306e\u7ba1\u7406\u753b\u9762\u306b\u623b\u308a\u3001Embed code<\/span> \u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u305f\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 6\n <\/span>\n <\/div>\n
\n
\u30b7\u30b9\u30c6\u30e0\u3067\u306f\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\uff0f\u30bf\u30d6\u30ec\u30c3\u30c8\uff0f\u30e2\u30d0\u30a4\u30eb\u306e 3 \u7a2e\u985e\u306e\u8868\u793a\u30e2\u30fc\u30c9\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3059\u3002\u4e0a\u90e8\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u5bfe\u5fdc\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8868\u793a\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u3001\u305d\u308c\u305e\u308c\u306e\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5408\u308f\u305b\u3066 Embed code<\/span> \u5185\u3067\u30b5\u30a4\u30ba\u3092\u8abf\u6574\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 7\n <\/span>\n <\/div>\n
\n
\u52d5\u753b\u306e\u5e45\u3084\u9ad8\u3055\u3092\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u8a72\u5f53\u7b87\u6240\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8a2d\u5b9a\u3092\u8abf\u6574\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 8\n <\/span>\n <\/div>\n
\n
Box<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u753b\u9762\u4e0a\u3067\u306e\u52d5\u753b\u306e\u4f4d\u7f6e\u8abf\u6574\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 9\n <\/span>\n <\/div>\n
\n
Flex Display<\/span> \u3092\u30aa\u30f3\u306b\u3057\u3066\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u8abf\u6574\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 10\n <\/span>\n <\/div>\n
\n
Justify content<\/span> \u306e\u8a2d\u5b9a\u3092\u4f7f\u3063\u3066\u3001\u52d5\u753b\u306e\u914d\u7f6e\uff08\u5de6\u5bc4\u305b\u30fb\u4e2d\u592e\u30fb\u53f3\u5bc4\u305b\u306a\u3069\uff09\u3092\u8abf\u6574\u3057\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 11\n <\/span>\n <\/div>\n
\n
\u4e0b\u66f8\u304d<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u7d9a\u3051\u3066 \u4e0b\u66f8\u304d\u3092\u4fdd\u5b58<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u516c\u958b\u305b\u305a\u306b\u5909\u66f4\u3092\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 12\n <\/span>\n <\/div>\n
\n
\u516c\u958b<\/span> \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5909\u66f4\u5185\u5bb9\u304c\u30b5\u30a4\u30c8\u4e0a\u306b\u516c\u958b\u3055\u308c\u307e\u3059\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>","protected":false},"excerpt":{"rendered":"

1 YouTube \u3084 Vimeo \u306a\u3069\u306e\u5916\u90e8\u52d5\u753b\u3092\u57cb\u3081\u8fbc\u307f\u305f\u3044\u5834\u5408\u306f\u3001\u307e\u305a Box \u30d6\u30ed\u30c3\u30af\u3092\u30c9\u30e9\u30c3\u30b0\u3057\u3066\u3001\u5e0c\u671b\u3059\u308b\u4f4d\u7f6e\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002\u6b21\u306b\u3001\u305d\u306e\u4e2d\u306b Embed \u30d6\u30ed\u30c3\u30af\u3092\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u3057\u307e\u3059\u3002\u3053\u3046\u3059\u308b\u3053\u3068\u3067\u3001\u57cb\u3081\u8fbc\u3093\u3060\u52d5\u753b\u306e\u4f4d\u7f6e\u3092\u7c21\u5358\u306b\u8abf\u6574\u3067\u304d\u307e\u3059\u3002 2 \u4f8b\u3068\u3057\u3066 YouTube \u52d5\u753b\u3092\u57cb\u3081\u8fbc\u3080\u5834\u5408\u3001\u57cb\u3081\u8fbc\u307f\u305f\u3044\u52d5\u753b\u753b\u9762\u3067 Share\uff08\u5171\u6709\uff09 \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u52d5\u753b\u306e\u30b3\u30fc\u30c9\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002 3 Embed\uff08\u57cb\u3081\u8fbc\u307f\uff09 \u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u57cb\u3081\u8fbc\u307f\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u308b\u753b\u9762\u3092\u958b\u304d\u307e\u3059\u3002 4 \u30b3\u30fc\u30c9\u753b\u9762\u304c\u958b\u3044\u305f\u3089\u3001\u30b3\u30fc\u30c9\u5168\u4f53\u3092\u9078\u629e\u3057\u3066 Copy\uff08\u30b3\u30d4\u30fc\uff09 \u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002 5 Ourdemy \u306e\u7ba1\u7406\u753b\u9762\u306b\u623b\u308a\u3001Embed code \u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u305f\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u307e\u3059\u3002 6 \u30b7\u30b9\u30c6\u30e0\u3067\u306f\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\uff0f\u30bf\u30d6\u30ec\u30c3\u30c8\uff0f\u30e2\u30d0\u30a4\u30eb\u306e 3 \u7a2e\u985e\u306e\u8868\u793a\u30e2\u30fc\u30c9\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u53ef\u80fd\u3067\u3059\u3002\u4e0a\u90e8\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u5bfe\u5fdc\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8868\u793a\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u3001\u305d\u308c\u305e\u308c\u306e\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5408\u308f\u305b\u3066 Embed code \u5185\u3067\u30b5\u30a4\u30ba\u3092\u8abf\u6574\u3057\u307e\u3059\u3002 7 \u52d5\u753b\u306e\u5e45\u3084\u9ad8\u3055\u3092\u5909\u66f4\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u8a72\u5f53\u7b87\u6240\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u8a2d\u5b9a\u3092\u8abf\u6574\u3057\u307e\u3059\u3002 8 Box \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u753b\u9762\u4e0a\u3067\u306e\u52d5\u753b\u306e\u4f4d\u7f6e\u8abf\u6574\u3092\u958b\u59cb\u3057\u307e\u3059\u3002 9 Flex Display \u3092\u30aa\u30f3\u306b\u3057\u3066\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u8abf\u6574\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002 10 Justify content \u306e\u8a2d\u5b9a\u3092\u4f7f\u3063\u3066\u3001\u52d5\u753b\u306e\u914d\u7f6e\uff08\u5de6\u5bc4\u305b\u30fb\u4e2d\u592e\u30fb\u53f3\u5bc4\u305b\u306a\u3069\uff09\u3092\u8abf\u6574\u3057\u307e\u3059\u3002 11 \u4e0b\u66f8\u304d \u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u7d9a\u3051\u3066 \u4e0b\u66f8\u304d\u3092\u4fdd\u5b58 \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u516c\u958b\u305b\u305a\u306b\u5909\u66f4\u3092\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002 12 \u516c\u958b \u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5909\u66f4\u5185\u5bb9\u304c\u30b5\u30a4\u30c8\u4e0a\u306b\u516c\u958b\u3055\u308c\u307e\u3059\u3002<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-23171","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"_links":{"self":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/comments?post=23171"}],"version-history":[{"count":4,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23171\/revisions"}],"predecessor-version":[{"id":24404,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/posts\/23171\/revisions\/24404"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/media?parent=23171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/categories?post=23171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/ja\/wp-json\/wp\/v2\/tags?post=23171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}