ブックマーク / www.wp-benricho.com (2)

  • 動画コンテンツ(Video)の構造化データをマークアップする方法

    動画コンテンツ(Video)の構造化データをマークアップする方法を紹介します。 動画コンテンツの構造化データをマークアップすると、Googleはその動画に関する情報をより正確に理解できるようになります。 Googleのマット・カッツは、YouTubeなどの動画配信サービスにアップロードした動画であっても、自分のサイトに埋め込む際には動画の構造化データをマークアップすることを推奨しています。構造化データをマークアップすることで、Googleがその動画コンテンツをより正確に理解することにつながるためです。 JSON-LDでマークアップする 動画コンテンツ(Video)をJSON-LDでマークアップする方法です。JSON-LDはページのどこに記述しても問題ありませんが、通常は<head>タグ内に記述します。 <script type="application/ld+json"> { "@cont

    動画コンテンツ(Video)の構造化データをマークアップする方法
  • スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤー「Plyr.js」

    スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤーを紹介します。 Plyrは、シンプルで高機能なHTML5メディアプレイヤーです。 まずは、デモをご覧ください。デザインが美しく、機能的です。 video、audio、Youtube、Vimeo対応 mp4、webpなどの動画ファイル以外に、Youtube、Vimoeを埋め込むことができます。 さらに、<video>以外に<audio>をサポートしているので、mp3、oggなどの音声ファイルを埋め込むことが可能です。 字幕対応 vtt(字幕用テキストファイル)の読み込みが可能です。スクリーンリーダー(音声読み上げソフト)にも対応しています。 VTT(Video Text Tracks) では、字幕用テキストと字幕を表示する時間を指定するだけで、動画に字幕を表示することができます。 対応ブラウザ 対応ブラウザは以下の

    スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤー「Plyr.js」
  • 1