2021年3月5日金曜日
[ファイル管理] ニコニコ動画・YouTube動画保存術
2020年10月26日月曜日
[ソフト][動画] Windows10フォトを使って動画編集
2020年10月20日火曜日
[ソフト][動画] MPEGStreamclip~フリーウェアStreamclipで動画ファイルの編集/圧縮
2020年8月4日火曜日
[SNS] LINE Keep保存術
2020年7月6日月曜日
[Code] ニコニコ動画をブログに埋め込む
[Code] ニコニコ動画をブログに埋め込む
ニコニコインフォ
「動画埋め込みコード」HTTPS対応のお知らせ
2017年11月07日
2017年11月7日(火)より、動画視聴ページ HTML5版にて共有ボタンからご利用いただける「動画埋め込みコード」がHTTPSに対応いたしました。この変更によりHTTPSのWEBサイトにも動画の埋め込みが可能になります。
対象サービス
PC版ニコニコ動画(動画視聴ページ HTML5版のみ)
変更内容
共有ボタン内の「プレーヤー埋め込みコード」と「動画情報とサムネイル埋め込みコード」から取得できるコードがHTTPSのWEBサイトにも対応したコードになります。
注意事項
対応前に埋め込まれたコードは自動で切り替わらないため、HTTPSのWEBサイトにはコードの貼り直しをお願いいたします。
※HTTPのWEBサイトに埋め込まれているコードへの影響はございません。
今後ともniconicoをよろしくお願いいたします。
niconico
http://blog.nicovideo.jp/niconews/49321.html
http://blog.nicovideo.jp/niconews/83616.html
ニコニコ動画
https://www.nicovideo.jp/
[NicoBox]プレイリストとマイリストの違い
[NicoBoxのマイリストについて]
ニコニコ動画のマイリストと共通で利用できます。
NicoBoxでマイリストに変更を加えると、ニコニコ動画にも反映されます。
※マイリストの利用はniconicoアカウントでログインする必要があります。
※NicoBoxでマイリストを削除すると、ニコニコ動画でも削除されます。ご注意ください。
※NicoBoxで再生できない動画を読み込むことはできません。
[NicoBoxのプレイリストについて]
NicoBox独自の動画リストです。
無制限に作成できますが、アプリ上にしか保存されないためアプリが削除されると消えてしまいます。
ニコニコ動画
https://qa.nicovideo.jp/faq/show/4069?back=front%2Fcategory%3Ashow&category_id=435&page=1&site_domain=default&sort=sort_access&sort_order=desc
https://www.nicovideo.jp/
【機能改善】動画「シリーズ」埋め込みに対応しました
2019-07-02
いつもニコニコ大百科をご利用いただきありがとうございます。ニコニコ大百科運営チームです。
7月2日より、ニコニコ動画の「シリーズ」を記事内に埋め込めるようになりました。
シリーズ機能とは?
(要約)
動画投稿者の方が、複数の動画をひとまとめに出来る機能です。マイリストとは別に作成されるため、マイリスト数の上限を圧迫しません。動画視聴時、シリーズの順番に連続再生できます。
ご利用方法
「シリーズ」ページ末尾のIDを確認してください。
ニコニコ大百科ブロマガ(仮)
https://ch.nicovideo.jp/nico-nico-pedia/blomaga/ar1781986
ニコニコ動画の共有方法とブログなどに動画を埋め込む方法を見ていきます。
ログインして目的の動画を開きます。
右端にあるニコニコ動画のアイコン(メニューアイコン)を選 … ニコニコ動画の埋め込みたい動画を選んで。 記事に使いたいYouTubeの動画をブラウザで開いてください。
... niconico(ニコニコ動画)・・・日本国内では最大手。無料会員は制限が多い。 こちらはVimeoの動画です。
動画ファイルを挿入 動画ファイルの形式. WordPressに動画をアップロードしたいと思ったことはないだろうか? 実は簡単に動画をアップロードすることができる。 また、動画を使うことで、文章だと理解しにくかった部分も分かりやすく伝えるこ … 投稿画面
ユーザーによる動画の投稿サイトといえばYouTubeが最大手ですが、日本のサイトも忘れてはいけません。 そう、 ニコニコ動画も埋め込みができるのです! 流れはYouTubeと同じく、埋め込みコードを取得して貼り付けるだけです。
まずは、動画を埋め込みたい場所を決めましょう。埋め込みたい場所にカーソルを合わせてください。
②動画をアップロードする. 動画を埋め込みたい場所にカーソルを合わせる ; 動画をアップロードする; 動画を埋め込む設定をする;
①動画を埋め込みたい場所にカーソルを合わせる. ニコニコ動画の動画を埋め込む. Wordpressは、動画や音声、もちろんYoutubeも簡単にサイトに埋め込み表示をすることができます。プラグインを使えばカスタマイズもできます。ここではその方法を図解で詳しく解説していきます。
また、読者が動画を見ることでブログの滞在時間が伸びて、SEO的にも有利に働きます。 記事の内容に関連する動画は、積極的に貼り付けていきましょう。 WordPressの記事に動画(Youtube)を貼り付ける方法 . YouTubeやVineの動画、Instagramの画像をブログに埋め込みたいなら、ニコニコ動画の動画もブログに埋め込みたいことって少なからず出てくるんじゃないかなと思ったりしました。その方法をご案内しま … ニコニコ動画の埋め込み ... 初めてWordPressとPHPに触れてからようやく2年目に突入したばかりのヒヨッ子ですが、元システムエンジニアの経験を活かすべく日々奮闘しております。本来の使用言語 … WordpRessで動画を埋め込むといえばYouTubeやニコニコ動画へのリンク経由で記事に埋め込む動画が一般的です。 多くの場合はWordPressが設置されているサーバーはレンタルサーバーですので、容量の関係からもそのほうが合理的です。 wordpressの時は動画自体が映らなくて消滅していた感じです。 それで、テンプレートを換えたら、プレーヤーとして映るようになりました。 ニコニコ動画の埋め込みコードから埋め込む. wordpressの時は動画自体が映らなくて消滅していた感じです。 それで、テンプレートを換えたら、プレーヤーとして映るようになりました。 ニコニコ動画の埋め込みコードから埋め込む. 埋め込みコードの取得 . WordPressでニコニコ動画の動画を埋め込みする方法 追記があります(2018/04/29) 本日の動画〜とういう感じで動画を紹介したい! WordPressの記事にはURLを貼るだけでYouTubeの動画を埋め込むことができますが、この方法ではニコニコ動画の動画を埋め込むことはできません。しかし、ニコニコ動画が共有用に用意しているコードを埋め込むことで、こちらも簡単に埋め込むことができます。
WordPressで記事にYouTubeの動画を挿入する方法について解説します。
簡単に挿入するにはURLを記述するだけでできますが、幅や高さを指定するにはYouTubeで用意されている埋め込みコードを使用しま …
動画ファイルには様々な形式があります。 ・WMV(.wmv こんにちは、かー(@ykakey)です。今回はWordPressで記事中にニコニコ動画の動画を紹介したい時にどうすれば良いのか調べてみました。すると参考になる記事がありましたのでシェアします! 参考にさせていたのは、@UKLab氏のブログ、「WordPressでYoutube動画やニコニコ動画を簡単に埋め込む」で 2017年11月7日(火)より、動画視聴ページ html5版にて共有ボタンからご利用いただける「動画埋め込みコード」がhttpsに対応いたしました。 この変更によりhttpsのwebサイトにも動画の埋め込みが可能 … WordPressの「メディアの追加」からは画像だけでなく、動画をアップロードして記事に動画を挿入することもできます。 でも、余程の理由がない限りはWordPressに動画をアップロードするのはやめたほうがいいです。 新年早々、クライアントが焦った様子で連絡してきました。 WordPressでニコニコ動画の動画を埋め込みする方法 追記があります(2018/04/29) 本日の動画〜とういう感じで動画を紹介したい! HTTPSのページにニコニコの動画情報やマイリストなどのiframeを埋め込めるようになるやつを公開。詳しい経緯については以下の記事をご覧ください。動画の外部プレイヤーの話ではないのでご注意ください。2017年11月7日のアップデートにて、
%E6%98%86%E8%99%AB %E5%A4%A7%E5%AD%A6 %E5%AD%A6%E9%83%A8
http://agon.at/archive.php?id=d56349-%E6%98%86%E8%99%AB-%E5%A4%A7%E5%AD%A6-%E5%AD%A6%E9%83%A8
class | ニコタグに記述した背景色や文字色等、見栄えに関係する設定を有効にするために使われます。 また割り当てたクラス名に対して、アップロードしたCSSを使って細かなデザインをすることができます。 例: <nico_image class="gazou_sono3"> |
cols | パーツを横何ブロック分の表示にするかを指定します。nico_video、nico_thumb等、一部のパーツでのみ効果があります。 |
bg_color | 背景色を次のいずれかで指定できます。 'transparent'背景色を透過する カラーコード指定:[#0-9a-fA-f]6桁指定 |
bg_image | 背景画像を指定できます。 [ http:// ]または[ https:// ]で画像URLを指定します。 |
border_color | 枠線の色をカラーコード指定:[#0-9a-fA-f]6桁で指定できます。 |
border_style | 枠線のスタイルを[none][solid][dotted][dashed]のいずれかで指定できます。 太さは1px固定です。 |
title_text | 好きな文字列を指定してパーツの上部にタイトルとして表示できます。 後記する"title_image"を指定した場合、タイトルテキストは表示されなくなります。 |
title_image | タイトル画像を[ http:// ]または[ https:// ]で画像URLを指定します。 |
title_transparent | タイトル部分部分の背景色を透過させられます。次の値が指定可能です。 true:背景色を透過させる (デフォルト) false:背景色を透過させない |
2020年7月5日日曜日
2020年5月17日日曜日
[Web Tool] Google Drive外部埋込みコード作成ツール, 熊本学園大学
[Web Tool] Google Drive外部埋込みコード作成ツール, 熊本学園大学
Google Driveの動画のアドレスを貼り付けます(動画ファイルを右クリックして「共有可能なリンクの取得」をクリックするとコピーされます。また、その際は「リンクの共有」をオンにしてください。)埋め込みコードが表示されます。
熊本学園大学
https://www.ecc.kumagaku.ac.jp/technology_information/video/upload/clip-code
PC版では埋込みコードが作れるがアプリ版で作れるのはリンクアドレスのみ。手作業でやる場合アドレス部分は以下のように変更
リンクアドレス
https://drive.google.com/file/d/abcdefghijk.......
v
https://drive.google.com/file/d/abcdefghijk....../preview
hhbjkkkn pc
Googleドライブを使用してホームページへ動画を埋め込む方法
4.1 ①Googleドライブにアクセス
4.2 ②好きな場所に動画をアップロード
4.3 ③完全にアップできたら動画をクリックする
4.4 ④新しいウィンドウで開くをクリック
4.5 ⑤共有をクリック
4.6 ⑥「共有可能なリンクを取得」をクリック
4.7 ⑦詳細設定をクリック
4.8 ⑧スクロールしていき、チェックボックス2項ともチェックを入れる
5 「⑥~⑧の表示が変わりました(2020/05/10時点)」
5.1 ⑥画面右上の歯車をクリック
5.2 ⑦全てのチェックをはずします
5.3 ⑧リンクを取得の「制限付き」を「リンクを知っている全員」に変更
5.4 ⑨アイテムを埋め込むをクリック
5.5 ⑩表示されたタグをHTMLに貼り付ける
日々の気付きブログ
https://mahoroba148.com/drivemovie/
熊本学園大学
https://www.ecc.kumagaku.ac.jp/technology_information/video/upload/clip-code
YouTubeいらず!Googleドライブで動画を埋め込む方法
2019年2月5日
2020年05月10日
[このブログは2020/05/10に追記しました]
まほろば@mahoroba148です。
ホームページに動画を掲載する場合にはYouTubeを埋め込むのが主流です。私も当然のようにYouTubeにアップしていましたが、なんとGoogleドライブを利用して埋め込みができることが判明しました。
Googleドライブで動画を埋め込むと
動画の管理が楽
再生後に余分な関連動画が出ない
というようなメリットがあります。
今回はGoogleドライブを使用した動画の掲載方法をご紹介します。
■まずは動画を見てみよう
百聞は一見に如かず。まずは埋め込み動画を見てましょう。
縦横比がおかしくなっている場合は、再生すると正しい比率に戻ります。YouTubeとほとんど変わらない見た目で埋め込みできていますね。そのまま再生することはもちろん、全画面表示も可能です。
冒頭でメリットとして以下を挙げました。
動画の管理が楽
再生後に余分な関連動画が出ない
YouTubeと比較しながら詳しく解説していきます。
☆動画の管理が楽
YouTubeの場合、YouTube管理ページにアクセスして動画をアップロードします。その際、動画の説明やカテゴリなどを設定を行います。動画の説明やカテゴリなどの設定しなくてもいいのですがYouTubeという別サイトへアップする以上、信頼のある動画として情報は適切に入力するべきと私は考えます。情報の入力はただ動画の埋め込みをしたいと考えると手間です。
一方Googleドライブは、普段みなさんが使用しているGoogleドライブにアップロードするだけです。YouTubeよりも設定する項目が少ないため簡単にアップロードできます。動画専用のフォルダを作成しておけば、他のファイルと混ざることはありません。また、フォルダも複数作成できるので、カテゴリや掲載日付でまとめることも簡単です。
☆再生後に余分な関連動画が出ない
YouTubeでは再生後に関連動画は表示されます。自分の動画であれば効果的な機能です。しかし、その分離脱される可能性が高まります。ましてや全く自分とは関係のない動画が表示されてイメージを損なうこともあるかもしれません。Googleドライブは「もう一度みる」というボタンしか表示されません。
☆YouTubeに離脱するリスクを軽減できます。
■デメリットは?
検証したわけではないので、あくまで主観ではありますが
再生数がわからない
検索には弱い
サムネイルが変更できない
です。
☆再生数がわからない
動画アップロードシステムではないため、ホームページに埋め込んだ動画がどのくらい再生されたかはわかりません。もしかしたらGoogleアナリティクスなどのアクセス解析を使用すれば、計測する方法もあるかもしれません。ただ、YouTubeではすでにアクセス解析が埋め込まれているのでデメリットといえるでしょう。
☆検索に弱い
今や動画戦略と呼ばれるほど、動画も検索評価の対象になっています。YouTubeがGoogleの傘下ということもあり、検索すると動画が一番に表示されることも増えてきました。YouTubeにアップしていないということは、当然のことながら検索の対象外です。Googleドライブにチャンネル登録ボタンもないので(あったら怖いけど)YouTubeからの導入もないでしょう。
☆サムネイルの変更ができない
また、サムネイルの変更ができません。サムネイルとは動画を再生する前に表示される画像のことです。Googleドライブにアップした動画のサムネイルはランダム表示と予想されます。必ずしも動画の最初の画面ではないため、サムネイルを変更することができません。
■Googleドライブを使用してホームページへ動画を埋め込む方法
いよいよGoogleドライブを使用して動画を埋め込んでいきます。Googleドライブを使用しますので、Googleアカウントは必須です。なお、Googleドライブの仕様変更により画面表示や手順が異なる場合がございます。ご注意ください。
①Googleドライブにアクセス
アプリの表示や並びが異なる場合があります。とにかくGoogleドライブを見つけてください。
②好きな場所に動画をアップロード
「.mp4」形式が安心という記事を見かけたので、私もmp4にしました。Googleドライブ上での再生テストでは「.wmv」「.mpg」も成功しました。
※動画の埋め込みは試してません。
③完全にアップできたら動画をクリックする
テロップでアップロード完了しましたと出ていても、アップ直後は処理が行われているようです。
図の左が処理中、右が完全にアップできた状態です。
④新しいウィンドウで開くをクリック
画面右上にある3つの点をクリックして「新しいウィンドウで開く」をクリックします。
⑤共有をクリック
[2020/05/10追記]
現在時点で⑥~⑧の表示が異なります。新しい画面で手順を確認したい方は「⑥~⑧の表示が変わりました(2020/05/10時点)」まで飛ばしてください。
⑥「共有可能なリンクを取得」をクリック
おそらく埋め込み動画をダウンロードされると嫌な方が多いと思いますので⑦⑧で制限をかけます。
⑦詳細設定をクリック
⑧スクロールしていき、チェックボックス2項ともチェックを入れる
今回は閲覧権限にしているため上段は関係ないのですが、念のためチェックを入れます。設定後は必ず完了ボタンを押しましょう。
「⑥~⑧の表示が変わりました(2020/05/10時点)」
⑥画面右上の歯車をクリック
⑦全てのチェックをはずします
チェックを外したら「←」で前の画面に戻ってください。
⑧リンクを取得の「制限付き」を「リンクを知っている全員」に変更
権限は「閲覧者」になっていることを確認します。確認できたら「完了」を押してください。
⑨アイテムを埋め込むをクリック
④と同じ手順で画面右上にある3つの点をクリックして、今後はアイテムを埋め込むを選択します
⑩表示されたタグをHTMLに貼り付ける
YouTubeの埋め込みと同じようにホームページへ埋め込みましょう。
その際、スマホ対応のサイトの場合は下記の部分を消してから埋め込むと良いかもしれません。
width="640" height="480"
スマホ対応の方法は「YouTube 埋め込み レスポンシブ」などと検索すると出てきますよ WordPressの場合は必ずHTML編集やテキストモードで貼り付けましょう。
今回はGoogleドライブを利用した動画の埋め込み方法をご紹介しました。管理面、離脱リスクから見るとYouTubeよりもGoogleドライブが有利な印象です。あとは動画のアップがYouTubeよりも早いように感じました。調べた当初は特定の人に公開する方法として使えないかと思っていましたが、これに関してはどっちもどっちという感じ。YouTubeの限定公開もGoogleドライブもリンクを知られてしまったらダメです。それを言い出すと記事にパスワードをかけても同じになってしまいますね…。本当に限定的にするならば会員ログインのようなシステムを導入しなければいけません。(これもアカウント知られたら云々ってなるかな?笑)とにかく、手軽に埋め込むならばGoogleドライブで埋め込みはありですね!ぜひ試してみてください。
日々の気付きブログ
https://mahoroba148.com/drivemovie/
2019年5月2日木曜日
2019年4月8日月曜日
2019年4月1日月曜日
[市場] ドワンゴ「ニコ動」凋落
ドワンゴ「ニコ動」凋落、会員流出で巨額赤字に…経営統合相手カドカワのお荷物に
Business Journal
2019年3月12日 6時0分
老舗出版社KADOKAWAと新興IT企業ドワンゴの経営統合によって誕生した持ち株会社、カドカワ。異色のタッグは5年で終焉を迎えた。
ドワンゴ創業者の川上量生(のぶお)氏が持ち株会社カドカワの社長を引責辞任し、取締役に降格となった。
事実上の解任だ。
川上氏が創業したドワンゴの動画投稿サイト
「ニコニコ動画(ニコ動)」
の不振で、親会社のカドカワの2019年3月期の純損失が43億円の赤字に転落する見通しになったことから、責任をとったかたちだ。
後任の社長には、角川書店出身の松原眞樹専務が昇格。
川上氏はドワンゴの取締役も辞任して顧問に退く。
ドワンゴの荒木隆司社長も退任し、後任に夏野剛取締役が就く。
夏野氏はNTTドコモに在籍中、松永真理氏らと世界初の携帯電話IP接続サービス「iモード」を立ち上げたメンバーの1人だ。
ドワンゴは4月から事業会社であるKADOKAWAの子会社になる。
経営統合当時は、出版不況に悩むKADOKAWAが、ネットで伸びるドワンゴに救済を求めたとの見方があったほどだ。
当時、隆盛を誇ったドワンゴのネット事業が、いまや凋落の一途を辿っている。
●ドワンゴの川上氏が、カドカワの筆頭株主と社長になる
2014年10月1日、KADOKAWAとドワンゴが経営統合して、持ち株会社KADOKAWA・DWANGO(現カドカワ)が誕生した。
東証1部に上場する両社の株式と、新設する持ち株会社の株式とを交換する方式が取られた。KADOKAWA1株に対して新会社の1.168株、ドワンゴの1株に新会社の1株を割り当てた。
統合を発表する直前の両社の時価総額は、KADOKAWAが922億円に対しドワンゴが1047億円と、ドワンゴが上回っていた。
カドカワの筆頭株主は川上量生氏(持ち株比率8.68%、18年3月末時点)。
統合時の社長はKADOKAWAの佐藤辰男相談役で川上氏は会長だったが、2015年6月に川上氏が社長に就いた。
筆頭株主と社長の座を手にした川上氏は、京都大学工学部卒業後にソフトウェア専門商社を経て1997年にドワンゴを設立。
従来型携帯電話の着メロ・着うた事業をヒットさせた。
2007年に始まったニコニコ動画は大人気を呼び、「日本のネット文化の発信基地」と評された。
●日本のプラットフォームをつくる
KADOKAWAの創業家出身の角川歴彦会長は3年間、川上氏にラブコールを続けてきたという。
経営統合の際には「天才、川上くん」と持ち上げ、「川上くんという若き経営者をようやく手にした」と、経営手腕に絶大の信頼を寄せていた。角川氏は川上氏に2つのことを託した。
Infoseek
https://news.infoseek.co.jp/
2019年3月31日日曜日
2018年10月4日木曜日
Free Video Compressor
● Free Video Compressor
各種動画ァイルを、指定したサイズに近づけて再圧縮してくれるソフト。
MP4 / MPG / AVI / FLV / F4V / M4V / WMV / MOV / MKV / ASF / VOB / RMVB / 3GP
等々のファイルを、10% ~ 90% 程度圧縮し、MP4( H.264 / AAC )ファイルとして出力してくれます。
出力動画の音声品質を設定する機能や、動画の音声を無効化する機能、動画内の特定場面を切り出す機能、動画の解像度やアスペクト比を変更する機能 なども付いています。
「Free Video Compressor」は、動画のファイルサイズを小さくしてくれるソフトです。
各種動画のファイルサイズを、10% ~ 90% 程度小さくしてくれるビデオコンプレッサーで、難しい知識や面倒な設定要らずで簡単に使えるところが最大の特徴。
基本的に、動画の目標サイズ※1 を指定するだけで使うことができるため、他の動画編集ソフト / 変換ソフト でつまづいた人でも容易に使うことができると思います。
(また、見た目もシンプルでとっつきやすい)
※1 圧縮したい動画を選択すると、自動的に 10 段階の目標サイズが候補として算出される。
その他、必要に応じて
•動画の音声品質(ビットレート)
•切り出し場面
•画面解像度
•アスペクト比(縦横比)
を設定することもできたりします。
尚、処理された動画ファイルは、MP4 (H.264 / AAC) に変換して出力されるようになっています。
使い方は以下のとおり。
インストール ~ 日本語化 1.インストールが完了したら日本語化を行うので、
インストール完了画面で表示される「Launch Free Video Compressor」のチェックは外しておいてください。
Gigafree.net
https://www.gigafree.net/media/me/FreeVideoCompressor.html
2018年9月6日木曜日
[css] border-imageプロパティ,枠線の模様を画像で描画
CSS3のborder-imageで、しましまの目立つ枠線を作る
執筆者:西村 文宏
CSS3で追加された「border-image」プロパティを使えば、枠線の模様を画像で描画できます。
しましま柄の画像を枠線として指定すると、とても目立つ「しましま(ストライプ)柄」のボックスを簡単に作ることができます。
実線・破線といった平凡な枠線ではなく、もっと凝った枠線を引きたい際に便利です。
border-imageプロパティの使い方を解説します。
border-imageプロパティを使って、枠線に画像を指定し、しましま柄の枠線を引く方法
それでは、border-imageプロパティを使って、枠線に画像を指定し、しましま柄の枠線を引いてみましょう。
以下の3手順で解説致します。
枠線として使いたい画像を用意する
CSSで、通常の枠線を引くよう記述する
CSSで、border-imageプロパティを使って、枠線の模様を画像にする
1. 枠線として使いたい画像を用意する
枠線に使うための画像
まずは、画像を用意します。ここでは例として、右図のように72×72ピクセルのサイズで用意しました。
どんな画像でも構いませんが、縦横とも「3で割り切れるピクセル数」で作っておく方が望ましいです。
詳しくは後述しますが、ここで用意した画像は、縦横3つ(合計9個)に分割された上で枠線に使われるためです。
なお、サンプルで利用した3種類の「しましま柄」の画像は、ご自由にダウンロードしてご活用頂けます(詳しくは後述)。
画像を自力で用意するのが面倒な場合は、それを使ってみて下さい。
2. CSSで、通常の枠線を引くよう記述する
続いて、スタイルシートを記述します。まずは、borderプロパティを使って「実線の枠線」を引くよう、以下のような感じで記述しておきます。
p {
border: #ff8635 solid 10px;
padding: 5px;
}
borderプロパティで作る普通の枠線
枠線に画像を指定できない古いブラウザでは、上記の指定だけが枠線の描画に使われます。
ですから、「枠線に使う画像」と似たような色を「枠線の色」として指定しておきましょう。
ここでは、右図のようにオレンジ色(#ff8635)を指定しました。
ここで指定した枠線の太さ(上記では「10px」)が、画像を使う場合でも枠線の太さになります。好きな値を指定して下さい。
なお、paddingは、「枠線」と「内容」との間の余白量です。ここでは「5px」と記述していますが、
好きな値を指定して下さい。省略しても構いません。
3. CSSで、border-imageプロパティを使って、枠線の模様を画像にする
先のスタイルシートに追加して、以下のようにborder-imageプロパティを記述します。
このborder-imageプロパティは、先のborderプロパティよりも後に記述して下さい。
p {
border: #ff8635 solid 10px;
padding: 5px;
border-image: url("shimashima.png") 24 24 round;
}
border-imageプロパティを使って作った枠線
ここでは、枠線の画像として、「shimashima.png」というファイルを指定しています。
その結果、右図のように表示されます。
その後の2つの「24」は、画像の縦横ピクセル数を3分の1にした値を指定しておきます。
ここでは、縦横72pxの画像を使ったので、その3分の1である「24」を指定しています。
最後の「round」は、画像の繰り返し方法を指定しています。
ここでは、とりあえず「round」と記述して下さい。
記述できる種類と効果については、最後にご紹介致します。
All About
https://allabout.co.jp/gm/gc/441025/2/
2018年6月10日日曜日
YouTubeパラメータ
以下に示すパラメータはすべて省略可能です。
Parameters
◆autoplay
値: 0 または 1。デフォルトは 0 です。プレーヤーを読み込んだときに最初の動画を自動再生するかどうかを指定します。
◆cc_load_policy
値: 1。デフォルトは、ユーザー設定に基づきます。1 に設定すると、ユーザーが字幕をオフにしていても、字幕がデフォルトで表示されます。
◆color
プレーヤーの動画進行バーに動画を開始してからの経過時間を示すときに使用する色を指定します。有効なパラメータ値は red と white で、デフォルトではプレーヤーの動画進行バーに赤色が使用されます。
color オプションの詳細については YouTube API ブログをご覧ください。
注: color パラメータを white に設定すると、modestbranding オプションが無効になります。
◆controls
値: 0、1、または 2。デフォルトは 1 です。
動画のプレーヤー コントロールを表示するかどうかを指定します。
Flash プレーヤーを読み込む埋め込み IFrame の場合、いつプレーヤーにコントロールを表示するかと、いつプレーヤーを読み込むかも定義します。
controls=0 – プレーヤーにプレーヤー コントロールは表示されません。埋め込み IFrame の場合は、Flash プレーヤーがすぐに読み込まれます。
controls=1 – プレーヤーにプレーヤー コントロールが表示されます。埋め込み IFrame の場合は、コントロールがすぐに表示され、Flash プレーヤーもすぐに読み込まれます。
controls=2 – プレーヤーにプレーヤー コントロールが表示されます。埋め込み IFrame の場合は、ユーザーが動画の再生を開始した後にコントロールが表示され、Flash プレーヤーが読み込まれます。
注: 埋め込み IFrame の場合は、パラメータ値が 1 と 2 の場合のユーザー エクスペリエンスはまったく同じですが、controls=2 を指定すると controls=1 よりもパフォーマンスがよくなります。
現在は、動画のタイトルのフォントサイズが異なるなど、2 つの値の間でプレーヤーの表示にまだ多少の相違があります。ただし、両方の値の間の相違がユーザーにまったくわからなくなった場合は、パラメータのデフォルト値が 1 から 2 に変更される可能性があります。
◆disablekb
値: 0 または 1。デフォルトは 0 です。
1 に設定するとプレーヤーをキーボードで操作できなくなります。キーボードによる操作は次のようになります。
スペースキー: 再生 / 一時停止
左矢印キー: 現在の動画を 10% 戻す
右矢印キー: 現在の動画を 10% 進める
上矢印キー: 音量を上げる
下矢印キー: 音量を下げる
◆enablejsapi
値: 0 または 1。デフォルトは 0 です。
このパラメータを 1 に設定すると JavaScript API が有効になります。
JavaScript API とその使用方法の詳細については、JavaScript API に関するドキュメントをご覧ください。
◆end
値: 正の整数。動画の再生を停止する必要がある場合に、動画を開始してからの経過時間を秒単位で指定します。時間は動画の先頭から測定されます。start プレーヤー パラメータや startSeconds パラメータの値からではありません。これらは、動画の読み込みまたはキューイングを行うために YouTube Player API 関数で使用されるパラメータです。
◆fs
値: 0 または 1。デフォルト値は 1 です。
この値を指定すると全画面表示ボタンが表示されます。このパラメータを 0 に設定すると、全画面表示ボタンは表示されなくなります。
◆hl
プレーヤーのインターフェースの言語を設定します。
パラメータの値は、ISO 639-1 2 文字言語コードです。
ただし、IETF 言語タグ(BCP 47)などの他の言語入力コードも正しく処理されます。
インターフェースの言語はプレーヤーのツールチップで使用され、デフォルトの字幕トラックにも影響します。
なお、ユーザー個別の言語設定と利用可能な字幕トラックに基づいて、YouTube が特定のユーザーに対し異なる字幕トラックを選択することもあります。
◆iv_load_policy
値: 1 または 3。デフォルトは 1 です。
1 に設定すると動画アノテーションがデフォルト表示されます。
3 に設定すると、動画アノテーションはデフォルトで表示されなくなります。
◆list
list パラメータは、プレーヤーに読み込むコンテンツを識別するときに、listType パラメータと組み合わせて使用します。
listType パラメータの値が search の場合は、list パラメータの値に検索クエリを指定します。
listType パラメータの値が user_uploads の場合、list パラメータの値には、読み込まれるアップロード動画の所有者の YouTube チャンネルを指定します。
listType パラメータの値が playlist の場合は、list パラメータの値に YouTube 再生リスト ID を指定します。パラメータ値に含める再生リスト ID には、下の例に示すように、PL という文字を先頭に付ける必要があります。
http://www.youtube.com/embed?listType=playlist&list=PLC77007E23FF423C6
注: list パラメータと listType パラメータに値を指定する場合は、IFrame 埋め込み URL に動画 ID を指定する必要はありません。
◆listType
listType パラメータは、プレーヤーに読み込むコンテンツを識別するときに list パラメータと組み合わせて使用します。
有効なパラメータ値は、playlist、search および user_uploads です。
list パラメータと listType パラメータに値を指定する場合は、IFrame 埋め込み URL に動画 ID を指定する必要はありません。
◆loop
値: 0 または 1。
デフォルトは 0 です。
単一動画プレーヤーの場合に 1 を設定すると、最初の動画が繰り返し再生されます。
再生リストプレーヤーまたはカスタム プレーヤーの場合、再生リスト全体を再生した後、最初の動画から再び再生が始まります。
注: このパラメータは AS3 プレーヤーと埋め込み IFrame でのみサポートされており、AS3 または HTML5 プレーヤーのいずれかが読み込まれます。loop パラメータは、現時点では playlist パラメータと組み合わせて AS3 プレーヤーで使用した場合のみ動作します。単一の動画をループさせる場合は、loop パラメータの値を 1 に設定し、既に Player API URL に指定してある動画 ID と同じ値を playlist パラメータの値に設定します。
http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID
◆modestbranding
このパラメータを使用すると、YouTube プレーヤーに YouTube ロゴが表示されないようにすることができます。
パラメータの値を 1 に設定すると、YouTube ロゴがコントロール バーに表示されなくなります。
ただし、動画を一時停止したときにユーザーがプレーヤーにカーソルを合わせると、動画の右上に引き続き小さい YouTube テキストラベルが表示されます。
◆origin
このパラメータは IFrame API のセキュリティを強化します。
埋め込み IFrame でのみ使用できます。
IFrame API を使用している場合、つまり enablejsapi パラメータの値を 1 に設定している場合は、
常に自分のドメインを origin パラメータ値として指定する必要があります。
playlist
値: 再生する動画 ID をカンマで区切ったリスト。値を指定すると、URL パスの VIDEO_ID に指定した動画が最初に再生され、playlist パラメータに指定した動画はその後に再生されます。
◆playsinline
このパラメータは iOS 上の HTML5 プレーヤーで動画をインラインまたは全画面表示のどちらで再生するかを制御します。
有効な値は次のとおりです。
0: この値を指定すると全画面表示で再生されます。現時点ではこれがデフォルト値ですが、デフォルトは変更される場合があります。
1: この値を指定すると、UIWebViews(allowsInlineMediaPlayback プロパティを TRUE に設定して作成したもの)がインライン再生されます。
◆rel
値: 0 または 1。
デフォルトは 1 です。
最初の動画の再生が終了したときに、プレーヤーに関連動画を表示するかどうかを指定します。
◆showinfo
値: 0 または 1。
デフォルト値は 1 です。
パラメータの値を 0 に設定すると、動画の再生が始まる前に動画のタイトルやアップロードしたユーザーなどの情報は表示されません。
プレーヤーに再生リストが読み込まれる場合は、パラメータの値を明示的に 1 に設定すると、再生リストに含まれる動画のサムネイル画像も読み込み時に表示されます。AS3 プレーヤーは再生リストの読み込みができる唯一のプレーヤーであるため、この機能はこのプレーヤーでのみサポートされます。
◆start
値: 正の整数。
このパラメータを指定すると、動画の先頭から指定された秒数分進めた位置から動画の再生が開始されます。
seekTo 関数と同様に、プレーヤーは指定された時間に最も近いキーフレームを探します。そのため、リクエストされた時間の直前から再生が開始される場合もありますが、ずれは通常、最大で 2 秒程度です。
https://developers.google.com/youtube/player_parameters?hl=ja
【追加コード】
・theme=dark・・・プレイヤーの色が黒になります。
・theme=light・・・プレイヤーの色が白(明るいグレー)になります。
・color=red・・・シークバーの色が赤になります。
・color=white・・・シークバーの色が白(明るいグレー)になります。
movie-times
http://www.movie-times.tv/how-to/2708/
1、関連動画を表示させない rel=0
2、自動的に動画を再生させたい autoplay=1
3、YouTubeのロゴを表示しない modestbranding=1
4、タイトルバーを表示しない showinfo=0
5、コントロールバーを表示しない controls=0
(このパラメータを追記するだけで、YouTube動画を埋め込むとき、シンプルでまるでYouTubeではないように、動画を埋め込んだだけのようになります)
6、キーボード操作を無効にする disablekb=1
7、進行バー・コントロールバーとも数秒間表示後、表示させないようにする autohide=1
8、アノテーションを表示させない iv_load_policy=3
9、全画面表示ボタンを表示させない fs=0
10、コントロールバーの色を変更する(黒→シルバー) theme=light
11、進行バーの色を変更する(赤→白) color=white
12、指定した秒数から再生する start=秒単位(整数)
13、指定した秒数を経過後、再生を停止する end=秒単位(整数)
14、自動リピートにする loop=1
15、JavaScript APIを有効にする enablejsapi=1
16、プレーヤーのインターフェースの言語を設定 hl= ISO 639-1 2 文字言語コード
17、プレーヤーにYouTubeチャンネルを指定 listType=user_uploads(listパラメータと組み合わせて使用)
18、読み込むアップロード動画のYouTube ユーザー名を指定 list=ユーザー名(listTypeパラメータと組み合わせて使用)
19、どの動画プレーヤーを制御するか指定 playerapiid=(英数字の文字列)(JavaScript APIと組み合わせて使用)
20、再生再生する動画 ID をカンマで区切ったリスト。この順番で動画再生します。 playlist=再生リストID_A,再生リストID_B
21、iOS上のHTML5プレーヤーで、動画をインライン再生にする playsinline=1
22、プレーヤーを背面に表示する wmode=transparent
23、JavaScript API を有効にする enablejsapi=1
24、 IFrame API のセキュリティを強化 origin=ドメイン名( enablejsapi=1の時、常に自分のドメインをoriginパラメータ値として指定する必要があります)
25、ユーザーが字幕をオフにしていても字幕を表示させます cc_oad_policy=1
zero-unlimited.com
http://www.zero-unlimited.com/youtube動画パラメータ%ef%bc%92%ef%bc%95個-埋め込みタグ-自動再生-rel/
埋め込んだYoutube動画は、終了するとこのように関連動画がババッと出てきてしまう。
この仕様が気に入らない場合。
<iframe width="400" height="300" src="https://www.youtube.com/embed/KIViy7L_lo8?rel=0" frameborder="0" allowfullscreen>
</iframe>
動画のURL部分のすぐに後ろに?rel=0を追記します。
動画が終わっても関連動画は一切表示されず、一番最初に戻るだけ。
コンパクトにしたい、記事を読んで欲しい、と思っているなら
?rel=0
を入れて関連動画を非表示に。
◆動画をループ再生させる
</iframe>
?loop=1&playlist=動画URLを追記する。
埋め込んだ動画が、何度も自動でループ再生される。
ただ、基本的には使わない。
プレイリストに適用する場合は別かも知れないが、わざわざブログに貼り付けてまで…使わないなぁ。
◆シンプルなブログ向け、簡素化したプレイヤー
>iframe width="400" height="300" src="https://www.youtube.com/embed/KIViy7L_lo8
?rel=0&showinfo=0&iv_load_policy=3&fs=0&modestbranding=1" frameborder="0" allowfullscreen>
</iframe>
非表示にするパラメータを複数組み合わせて作っています。この例の場合だと
?rel=0
&showinfo=0
&iv_load_policy=3
&fs=0
&modestbranding=1
の5つを使って、
関連動画非表示、
タイトル非表示、
アノテーション非表示、
全画面ボタン非表示、
Youtubeロゴの非表示を行っています。ちょっとやり過ぎ感はありますね。
なお、複数のパラメータを組み合わせる時は、必ず&を間に入れてつなぐように。?でつなぐのは最初だけです。
http://chimolog.co/2017/06/blog-youtube-embed-20.html
8. 動画を途中で停止させる
?end=秒数を追記する。例では「30」と入力したので、動画始まってから30秒後に再生が止まります。
これでも途中再生と同じく、非常に便利。
ちもろぐ
https://chimolog.co/blog-youtube-embed-20/
9. 動画の一部分だけを切り取って再生させる
?start=秒数&end=秒数を追記する。
途中再生の「start」と、途中終了の「end」を組み合わせることで、動画の一部分だけを再生させることも出来る。
ものすごく使えます。
ちもろぐ
https://chimolog.co/blog-youtube-embed-20/
字幕を表示する時に字幕の言語を指定することができます。
字幕の言語を指定するには、「cc_lang_pref」パラメーターを使用します。
cc_lang_pref=2文字の言語名コード 日本語ならja、英語ならen など
字幕の言語に英語を設定するには、「src」のURLにパラメータとして
「cc_load_policy=1」
に加えて
「cc_lang_pref=en」
を設定して下さい。
<iframe width="560" height="315"
src="https://www.youtube.com/embed/OWoKzNxZWw8?cc_load_policy=1&cc_lang_pref=ja"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
ぼくらのハウツーノート
https://www.howtonote.jp/youtube/usage/index5.html
字幕の表示と言語を設定する
動画を再生した時に字幕をデフォルトで表示させるようにすることができます。
字幕を表示にするには、
「cc_load_policy」
パラメーターを使用します。
cc_load_policy=1 ユーザー設定に関わらず字幕を表示します
デフォルトの値はユーザー設定基づきます。字幕を表示するには、「src」のURLにパラメータとして「cc_load_policy=1」を設定して下さい。
また字幕を表示する時に字幕の言語を指定することができます。
字幕の言語を指定するには、「cc_lang_pref」パラメーターを使用します。
cc_lang_pref=2文字の言語名コード 日本語ならja、英語ならen など
字幕の言語に英語を設定するには、「src」のURLにパラメータとして「cc_load_policy=1」に加えて「cc_lang_pref=en」を設定して下さい。
<iframe width="560" height="315"
src="https://www.youtube.com/embed/OWoKzNxZWw8?cc_load_policy=1&cc_lang_pref=en"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
ぼくらのハウツーノート
https://www.howtonote.jp/youtube/usage/index5.html
2018年5月30日水曜日
2017年2月28日火曜日
nicozon:ニコニコ動画をmp3変換
nicozon
無題
名前の通りニコニコの動画をmp3変換できるサイトです。
nicozonで音声を抜き取るには、動画を保存する必要があり、保存した動画をmp3に変換します。
以下ダウンロード方法を解説していきます。
無題
『nicozon』にアクセスしたら、上部にある検索ボックスを使ってダウンロードしたい動画を探してください。
結局のところ、ニコニコ動画の方が好きな動画を見つけやすいため、
ニコニコ動画で見つけてからその動画のURLをコピーして、nicozonの検索ボックスに貼り付けるのが一番手っ取り早いと思います。
V
nicozonでダウンロードしたい動画の再生画面に移動したら、動画の下にあるメニューから『動画保存』を選択してください。
V
拡張子がmp4となっているリンクに、カーソルを合わせて右クリックしてから『名前を付けてリンク先を保存』を選択してください。
V
これで動画のダウンロードが完了です。
V
続いてダウンロードした動画をmp3に変換していきます。
まず最初に、トップページ上部にある『MP3変換』をクリックします。
V
先程ダウンロードした動画をドラッグ&ドロップか『ファイル選択』からnicozonに移動させてください。
V
最後に『変換』をクリックすると『mp3、m4a、wav』のいずれかのファイル形式に変換されます。
V
変換が終わると下部にテキストリンクが表示されますので、クリックすればダウンロードが始まります。
ゆかね
matomeno-sato.net/archives/1976
ニコニコ動画
http://www.nicovideo.jp/
nicozon
http://www.nicozon.net/
FLV/MP4/SWFをMP3/M4A/WAVに変換
動画ファイル(FLV/MP4/SWF)を音楽ファイル(MP3/M4A/WAV)に変換するページです。
FLVはMP3かM4AかWAVにMP4はM4AにSWFはMP3に変換することが出来ます。
JavaScriptを使ってクライアント側で変換してるのでサーバにアップロードやダウンロードを行いません。
だからプライベートなファイルや著作権のあるファイルでも安心して使うことができ、
しかもサーバに待たされること無く変換することが出来ます。
動画から音声をエンコードせずにそのまま抽出してるので高速に変換でき高音質です。
複数の動画ファイルを同時に変換することが出来ます。
変換した音声はMP3プレイヤに入れて外で聞くことが出来ます。大半のMP3プレイヤはM4Aにも対応しているので。
ただし最新のJavaScriptを使っているので Internet Explorer 10以上 か Edge か Google Chrome か Firefox か Safari か Opera しか動きません。
Androidの場合は Chrome か Firefox から動画の保存と変換が出来ます。
変換して保存した後に「ESファイルエクスプローラー」から適切な拡張子にすれば再生できます。
ちなみにnicozonから保存してきた動画じゃなくても使えます。
nicozon
http://www.nicozon.net/
[使い方]
ページ http://www.nicozon.net/converter.html をひらく
V
nicozonから保存した動画ファイルを下の枠の中にドラッグ&ドロップするか、
ファイル名入力ボックスから保存した動画ファイルを選んでから「変換」ボタンを押す
V
枠の下にダウンロードリンクが出てくる
V
ダウンロードリンクを右クリックして保存
nicozon
http://www.nicozon.net/converter.html
http://www.nicozon.net/
ニコニコ動画をそのまま動画形式でダウンロードするのではなく、mp3形式(音楽ファイル)としてダウンロードして持ち歩きたい。と思ったことはありませんか?
そんな方に向けてこの記事では、ニコニコの動画をmp3形式に変換保存出来るサイトを紹介していきます。
また、これらのサイトを利用する際して、ニコニコ動画に違法アップロードされている映画や音楽をダウンロードすることは、
著作権法に反する行為になりますので、絶対にやめてくださいね。
ゆかね
momenoat-sato.net/archives/1976
Offliberty
無料でニコニコの動画をmp3に変換するならOfflibertyが一番おススメです。
簡単操作で会員登録、特別なツールのインストールも必要ありません。
YouTube動画の変換に使っている人が多いのですが、実はニコニコの動画もmp3形式に変換可能です。
ゆかね
matomeno-sato.net/archives/1976
以下ダウンロード方法を解説していきます。
『Offliberty』にアクセスしたら入力フォームにダウンロードしたい動画のURLを入力し『OFF』をクリックしてください。
今回はニコニコ動画なので、URLは『http://www.nicovideo.jp/watch/sm○○○○○○○』という形が一般的です。
V
Wait…と表示されますので、変換が終わるまでじっくり待ちましょう。
大体30秒~1分程度で終わるはずです。
V
変換が終わると、MP3とVideoのボタンが現れます。
今回はMP3形式で保存するので、1番目に表示されている
『Right-click here and ‘Save link as…’』
を選択してください。
V
後はダウンロードが終わるのを待つだけです。
ゆかね
matomeno-sato.net/archives/1976