"HTML5 video"の検索結果1 - 4 件 / 4件

• あとで読む

  【保存版】HTML5・videoタグでHPに動画を埋め込む方法まとめ | リチカクラウドスタジオ（RICHKA CLOUD STUDIO）

  • 4 users
  • richka.co
  • テクノロジー
  • 2021/03/18

  YouTubeやMP4の動画をホームページやWEBサイトに埋め込む場合、HTML5で用意されているvideoタグを利用すると簡単に行えます。しかし、埋め込み方法によっても自動で再生させたり、繰り返し再生、ブラウザ対応をさせる方法など色々あります。 そこでこの記事では、videoタグの埋め込み方法や細かい設定についてご紹介します。初心者の方向けに紹介していきますので、記事を読んで目的や用途にあった埋め込み方法を見つけて、動画を活用してみてくださいね。 videoタグで動画を埋め込む方法 WEBサイトに動画を掲載するにはvideoタグという、HTMLコードを使う必要があります。 個人ブログや企業ホームページなどを運営している方は「HTML？」「タグって何？」と思う方がいるかもしれません。 現在のWEBサイトの多くはWordPressというCMSで作られており、HTML&CSSを理解していなくて

  • html

  
• あとで読む

  Track HTML5 Video with Google Analytics 4 and Google Tag Manager

  • 3 users
  • www.analyticsmania.com
  • テクノロジー
  • 2021/04/19

  October 10, 2023 Track HTML5 Video with Google Analytics 4 and Google Tag Manager Updated: October 10th, 2023 If your website uses a no-name video player, there is a very high chance that it is a generic HTML5 video player. You must make additional configurations to track its engagement with Google Tag Manager. In this blog post, I will show how to track HTML5 video with Google Analytics 4 and Goo

  
• あとで読む

  【HTML5】videoタグが超便利！ - タイガー！タイガー！じれったいぞー！（SE編）

  • 3 users
  • tigertaizo.hatenablog.com
  • 世の中
  • 2019/12/12

  HTML5のvideoをタグをはじめて使ってみました！ 参考になったサイトはこちら。丁寧にまとめてくださっていて、大変助かりました。 再生速度とループの設定－JavaScript入門（HTML5編） 個人的に感動した機能は、２つありました。 (1) 動画の再生時間範囲指定機能 srcで動画ファイルを指定するのですが、ファイル名に続けて、「t=開始時間,終了時間」を指定することができました。開始時間は秒単位で指定します。 この機能により、手動で何度も同じ場面を指定して再生する手間が無くなりそうです。 (2) 2倍速再生、0.5倍速再生機能 javascriptにて、再生速度も指定できるようでした。 ダンス練習なら0.5倍速で、学習サイトなら倍速で成果を上げることができそうですね！！ サンプル <h3>動画１</h3> <video id="movie1" src="/mp4/movie.mp

  
• あとで読む

  html5 videoタグの重い動画をJSを使って遅延ロードする方法【自動再生 iOS動作確認済】

  • 3 users
  • mameko.jp
  • テクノロジー
  • 2019/10/23

  どうも、こうへいです。 今回の記事は、Javascript Tips!! ってことで、タイトル通りですが、HTML5のvideoタグに重い動画ファイルを読み込む際に、Javascriptを使って遅延ロードする方法です。 自動再生 & iOS12で動作確認しました。 コードはこんな感じ。 実装 <!-- まずはvideoタグを設置 --> <video id="video" muted webkit-playsinline playsinline loop autoplay></video> <!-- js実装 --> <script> function lazyLoadVideo () { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://mameko.jp/lazymov.mp4', true); xhr.responseT

  • js
  • video