KAWASAKI(カワサキ) ZX-12R ｜Model 2000 Owner：Omina｜ORENO-K HCZ TV
2016年6月25日
Categories | YouTube
YouTube
改造バイクのユーザー車検｜多摩車検場｜カワサキ ゼファー1100 ｜HCZ TV
2016年4月21日
Categories | YouTube
YouTube ： https://youtu.be/6zVVP1VipyA
改造バイクのユーザー車検・前編
YouTube ： https://youtu.be/wFXHQhaWHmM
改造バイクのユーザー車検・後編
YouTube（Thumbnail）
編集していたら長編になってしまったので、半分に分けて作り直しました。
改造バイクのユーザー車検｜多摩車検場｜前・後編
それでも10分を越す動画を作るのは初めてです。しかも２本立て。
ORENO-Kにエントリーを控えている、10数台の車両もほったらかして、
かなりの時間費やしてしまいました。
で、次回の動画予告ですが、GPZ900Ninjaです。
https://www.hcz.jp/oreno-k/gpz900/010.html
楽しみにしている？オーナーのスーさんへ。
もう少しお待ち下さいね。
Youtube 動画のアノテーションをカードに変更。SEOにも有利
2016年4月7日
HCZ TVに投稿した全ての動画（現在44本）を、オーバーレイ表示のアノテーションから
カードに変更しました。
変更の理由としては、アノテーションはスマホ（モバイル）に対応していないので。
動画再生中にオーバーレイ表示する「カード」は、関連動画や新作情報・WEBサイトなどを
設定すれば、最大5項目（各10秒間）表示されるようになる。
スマホだとこのような表示
カードの設定方法は下記参照
もし自分のホームページを持っていたら、「ウェブサイトへのリンク」も可能だから、
自サイトへの誘導としてSEOにもなりますね。
カードの最大の特徴として、スマートフォンに対応（一部未対応）していること。
これはマイチャンネル「HCZ TV」のアナリティクス（項目：端末）を例にあげると、
近年Youtubeのアクセス端末がパソコンよりスマホが上回っているので、
使わない手はないです。
カードを実装したYoutube動画を紹介します。
参考まで
2：46 関連付けられるウェブサイト スペックメイン｜ ゼファー1100 カスタム
3：07 関連付けられるウェブサイト HCZ TV
3：25 再生リスト ORENO-K｜ZEPHYR1100
3：44 関連付けられるウェブサイト HCZ.JP
しまい
HCZ TV をリニューアル Youtube動画集
2015年10月1日
FlexSlider2 動画「Youtube」を追加
2015年8月1日
取りあえず実装し、今の所問題なく表示されていますが、
前回より若干スタイルシート（CSS）をカスタマイズし、
今度は「FlexSlider2」にyoutube（動画）を表示させて見ました。
サンプル：https://www.hcz.jp/spec.html
■ オプション設定
<script>
$(document).ready(function() {
$('#right-menu').sidr({
name: 'right-sidr',
side: 'right',
source: '#navigation'
});
$(window).touchwipe({
wipeRight: function() {
$.sidr('close', 'sidr-main');
},
wipeLeft: function() {
$.sidr('open', 'sidr-main');
},
preventDefaultEvents: false
});
});
</script>
Youtube側で、共有の「埋め込みコード」を ホームページ内のFlexSlider2にコピペ。
動画のサイズはカスタムサイズで任意。検証するとPCでは問題なく表示されるが、
スマホ（レスポンシブ）で見ると問題あり。
「FlexSlider2」は動画は実装できるが、レスポンシブには対応してないようだ。
試しにYoutubeの「埋め込みコード」を、サイズなしにしてみた。
例
<iframe src="https://www.youtube.com/embed/××××?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
今度はＰＣ側で思うようなサイズで表示されなくなる。
でぇ、対処法としてスタイルシート（css）で動画をレスポンシブさせることにしました。
<style>
iframe{
width:100%;
height:360px;
border:0;
}
</style>
上記を記述することで、レスポンシブにも対応できるようになります。
※ heightの数値指定は、「100％」や「auto」は無視されるので、
明確な値（●●px）を記述するように。それから、ドキュメントタイプが「HTML5」の場合、
Youtubeの「埋め込みコード」には、不必要なタグがあるので削除しておきましょう。
例
<iframe src="https://www.youtube-nocookie.com/embed/××××?rel=0" title="YouTube">YouTube</iframe>
しまい
YouTubeの新機能「カード」を追加してみた！
2015年3月31日
Categories | YouTube
ユーチューブにアノテーションの新機能「カード」がラインナップされたので、
マイチャンネル動画に追加してみた。Youtubeヘルプ；カードの種類
動画には「関連ウェブサイト カード」を設定。
youtubeヘルプにも設定方法はありますが、画像で簡単に説明しておきます。
マイチャンネル ＞ 動画の管理 ＞ 編集
URLを入力すると、自動的にホームページ内タイトルと画像を吸出し貼り付けされる。
画像はあらかじめ用意したものでも可能。
「行動を促すフレーズ」は必須。動画再生時間内に数秒間表示される。
カード作成後でも、変更は可能。
設定後動画を再生すると、オープニングにチラっと右上角にカードのアイコンが
表示され、フレーズと一緒にチラっと表示される。
それ以外はオンマウスしない限りカードアイコンは出現しない。
カードアイコンをクリックすると
一見ヨサゲな感じするんだが、果たしてユーザーはカード機能に
気付くのであろうか？まだまだ知名度低いから微妙な機能ですね。
※カードを作成した動画の「注目コンテンツ」は無効になってしまうので注意。
マイチャンネル ＞ 動画の管理 ＞ クリエイターツール
＞ チャンネル ＞ 注目コンテンツ
YouTube ブランディングが右下に表示されてる
2015年3月25日
Categories | YouTube
あれあれ？！
ユーチューブのブランディングが、いつの間にか右下に表示されてる 凹
困ったなーって方、そう少なくないと思います。
ダッシュボード ＞ 動画の管理 ＞ ブランディング
で確認してみると・・・
今までは右上に位置していたのが、やはり下に移動してます。
どうやら右上に新機能が追加され、ブランディングは下に追いやられてしまった。
今後動画構成を考え直さなきゃいけないな。
しまい
