https://qwerty.work/tags/%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%83%BC/ Recent content in パラメーター on qwerty.work Hugo -- gohugo.io ja-JP Sat, 14 Aug 2021 13:05:14 +0900 https://qwerty.work/post/2021/08/googleimap-flame/ Sat, 14 Aug 2021 13:05:14 +0900 https://qwerty.work/post/2021/08/googleimap-flame/ <h2 id="書式例">書式例 </h2><p>赤田海水浴場の地図を表示する例</p> <h4 id="通常例">通常例 </h4><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#f92672">&lt;iframe</span> <span style="color:#a6e22e">src=</span><span style="color:#e6db74">&#34;https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26355.54307992571!2d130.87437829737954!3d34.339204853827596!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3543123bc72ce0c3%3A0x3d98f38cb01c0f43!2z6LWk55Sw5rW35rC05rW05aC0!5e0!3m2!1sja!2sjp!4v1628905054118!5m2!1sja!2sjp&#34;</span> <span style="color:#a6e22e">width=</span><span style="color:#e6db74">&#34;600&#34;</span> <span style="color:#a6e22e">height=</span><span style="color:#e6db74">&#34;450&#34;</span> <span style="color:#a6e22e">style=</span><span style="color:#e6db74">&#34;border:0;&#34;</span> <span style="color:#a6e22e">allowfullscreen=</span><span style="color:#e6db74">&#34;&#34;</span> <span style="color:#a6e22e">loading=</span><span style="color:#e6db74">&#34;lazy&#34;</span><span style="color:#f92672">&gt;&lt;/iframe&gt;</span> </span></span></code></pre></div><h4 id="キーワードで指定するシンプルな例">キーワードで指定するシンプルな例 </h4><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-xml" data-lang="xml"><span style="display:flex;"><span><span style="color:#f92672">&lt;iframe</span> <span style="color:#a6e22e">src=</span><span style="color:#e6db74">&#34;https://maps.google.co.jp/maps?output=embed&amp;q=赤田海水浴場&amp;z=15&#34;</span> <span style="color:#a6e22e">width=</span><span style="color:#e6db74">&#34;100%&#34;</span> <span style="color:#a6e22e">height=</span><span style="color:#e6db74">&#34;450&#34;</span> <span style="color:#a6e22e">style=</span><span style="color:#e6db74">&#34;border:0;&#34;</span> <span style="color:#a6e22e">allowfullscreen=</span><span style="color:#e6db74">&#34;&#34;</span> <span style="color:#a6e22e">loading=</span><span style="color:#e6db74">&#34;lazy&#34;</span><span style="color:#f92672">&gt;&lt;/iframe&gt;</span> </span></span></code></pre></div><h4 id="パラメーター参考">パラメーター参考 </h4> <div class="link-card"> <a href="https://www.bricoleur.co.jp/blog/archives/4452" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.bricoleur.co.jp/blog/archives/4452" alt="https://www.bricoleur.co.jp/blog/archives/4452" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.bricoleur.co.jp/blog/archives/4452</span> <span class="link-card-url">https://www.bricoleur.co.jp/blog/archives/4452</span> </div> </a> </div> <div class="link-card"> <a href="https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7" alt="https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7</span> <span class="link-card-url">https://qiita.com/yu-rin-chi/items/41b37b4656ea504350c7</span> </div> </a> </div> <h2 id="留意点">留意点 </h2><p>AMPページでは<code>width=&quot;100%&quot;</code>はエラーになるので、<code>width=&quot;600&quot;</code>のようにピクセルで指定する必要があります。</p> <p><code>layout=&quot;responsive&quot;</code>も加えておくと良いみたいです。（以下参考）</p> <div class="link-card"> <a href="https://qiita.com/otsuky/items/9254065d41598cb242ce" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://qiita.com/otsuky/items/9254065d41598cb242ce" alt="https://qiita.com/otsuky/items/9254065d41598cb242ce" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://qiita.com/otsuky/items/9254065d41598cb242ce</span> <span class="link-card-url">https://qiita.com/otsuky/items/9254065d41598cb242ce</span> </div> </a> </div> <h2 id="その他参考">その他参考 </h2> <div class="link-card"> <a href="https://developers.google.com/maps/documentation/urls/get-started" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://developers.google.com/maps/documentation/urls/get-started" alt="https://developers.google.com/maps/documentation/urls/get-started" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://developers.google.com/maps/documentation/urls/get-started</span> <span class="link-card-url">https://developers.google.com/maps/documentation/urls/get-started</span> </div> </a> </div> <div class="link-card"> <a href="https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b" alt="https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b</span> <span class="link-card-url">https://qiita.com/hiron2225/items/8d5cd1b6728b4d63434b</span> </div> </a> </div> https://qwerty.work/post/2020/05/youtube-parameter/ Wed, 20 May 2020 22:56:42 +0900 https://qwerty.work/post/2020/05/youtube-parameter/ <h2 id="動画の初期設定をあらかじめ指定したい">動画の初期設定をあらかじめ指定したい </h2><p>サイトに埋め込んだ外国のYouTube動画の再生時に、いちいち翻訳字幕の設定するのは煩わしいので、**『はじめから翻訳をONにしてサイトに埋め込むことはできないのかな？』**と思って検索したら方法があったのでメモ。</p> <h2 id="参考サイト">参考サイト </h2> <div class="link-card"> <a href="https://support.google.com/youtube/answer/171780?hl=ja" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://support.google.com/youtube/answer/171780?hl=ja" alt="https://support.google.com/youtube/answer/171780?hl=ja" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://support.google.com/youtube/answer/171780?hl=ja</span> <span class="link-card-url">https://support.google.com/youtube/answer/171780?hl=ja</span> </div> </a> </div> <div class="link-card"> <a href="https://wisdommingle.com/youtube-embedded-player-parameter-customize/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://wisdommingle.com/youtube-embedded-player-parameter-customize/" alt="https://wisdommingle.com/youtube-embedded-player-parameter-customize/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://wisdommingle.com/youtube-embedded-player-parameter-customize/</span> <span class="link-card-url">https://wisdommingle.com/youtube-embedded-player-parameter-customize/</span> </div> </a> </div>