動画
2016年7月7日
Categories | YouTube
YouTube ： https://youtu.be/xBihNtB62vY
Details ： ORENO-K > Z2 > IRON WORKS
YouTube（Thumbnail）
ORENO-Kフィードバック第二弾はIRON WORKS氏のZ2。
着せ替えでここまでやるなんて脱帽ですね。
にしてもMK2仕様はシブイ！
2016年7月6日
Categories | YouTube
YouTube ： https://youtu.be/AAPqCmDOFVs
Details ： ORENO-K > ZEPHYR1100 > MIYACHI
YouTube（Thumbnail）
「HCZ TV」のネタにと、以前ORENO-Kに投稿いただいた多くの画像からピックアップし、
動画を制作することにしました。そのさきがけとして今回の動画です。
独断ではありますが、ピックアップの目安として、大きな画像で編集しやすく、
詳細が多く書かれているのもにしました。ざっーと確認したところ、5・6ページは
作れそうです。各動画が完成次第、当ブログやフェイスブックで紹介したいと思います。
現在(2016.07.06.) Youtubeチャンネル登録230人 / 視聴回数283,491回
果たして年末にはどう変動していることやら。
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
楽しみにしている？オーナーのスーさんへ。
もう少しお待ち下さいね。
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
しまい
2015年10月1日
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>
しまい
