#概要
カード型リンクは、イメージアイコンやサムネイル付きのため、サイトへの案内としては、わかりやすく、有効です。
この機能を使用して、複数のリンクを集めたページは、操作性もよく、youtube再生手段としては有効なものです。
以下に、そのサンプルのサイトをしめしました。
一度、その操作感を味わってみてください。
#サンプルサイト
#イメージ
#個別処理について
このリンクを生成するには、少しばかり追加処理が必要です。通常は、アメバのリンクは、アドレスバーのurlをコピーして、ブログにペーストするだけで、完了します。アメバでは、メタ情報から表示するデータを取得しています。
例えば、画像も表示していますが、その画像は、のようなデータを使用しています。
その場合、ページの代表アイコンのようなイメージで、同じページを開いたときはいつも同じ画像が表示されます。
今回のこのカード型リンクでは、同じページですが、リストのサムネイルはそれぞれ異なっています。そのため、特別に、このサムネイルの以下処理が必要になります。
この処理を行うためには、プラグインが必要になります。プラグインのcontent.jsスクリプトファイルで、リンクのサムネイルを追加しています。もう一つ、リストのタイトル名も表示するようにしています。
追加の処理を実行するタイミングは、アドレスバーのurlをブログにペーストしたタイミングになります。さきに、通常のリンクが表示されます。そのあとに、サムネイルとタイトルを表示するようにしています。
このカード型リンクのurlの形式は、以下のようになっています。
https://favorite.tecoyan.net/tiny_1/TinyPlayer_test_1.php?dnm=%E8%97%A4%E3%80%80%E5%9C%AD%E5%AD%90#access
ここで、dnmパラメーターは、リストのタイトル名です。これをキーにして、データベースから、サムネイルを取得しています。
こうして、リンクにサムネイルとタイトルを追加表示しています。このため、このリンクは、youtubeプレーヤーサイト固有の個別処理になっています。
#課題について
この個別処理にも問題はあります。それは、動作が安定しないことです。今は、何とか、動作しますが、先行きどのような問題が発症するかはわかりません。主な原因は、リストのタイトル名にあると思っています。それは、タイトルには、様々な文字コードで構成されています。動画のタイトルがベースになっていますので、中には、データベースの制御コードが含まれていたりします。それらを個別に対処しなければならず、全てを網羅していないかと思いますので、いずれ不具合が出てくるかも知れないからです。
#あとがき
簡単な、メモですが、ひとつのご提案として、投稿してみました。