<繰り返しなし> <繰り返しあり>
字幕一覧(クリック)

1) Dropboxの動画をWordPressに貼り付ける
2) はい。それでは今からDropboxにある動画を、WordPress へ貼り付ける方法について紹介します。
3) まず結論からですが、Vimeoの代用にDropboxを使うことにします。 
4) 私の場合は元ネタの動画だとか写真はですね、ほぼ全部Dropboxの中にありますので、
5) それを、簡単に加工して送信できればいいわけです。
6) 2つ目に、Dropboxですけれども、そのスピードはもちろん、その動画配信サービスの、
7) YouTubeだとかVimeoには劣りますけども、
8) 自宅サーバーよりは速いです。
9) 3番目に、同じクラウドサービスに、Google ドライブがあります。
10) Googleドライブを使う方法を調べたが、
11) 字幕ファイルの同期の方法がよくわかりません。
12) GoogleとしてはYouTubeを利用すればいいと考えているのかなと感じます。 
13) そういった意味で、私にとってはですね、
14) このDropbox対Googleについては、
15) Dropboxが使いやすそうです。
16) それでは、使うための準備を進めます。
17) まず、Dropboxリンクは、そのままWordPressへ貼り付けても動かないです。
18) 手直しする必要があります。
19) Dropboxリンクですけれども、
20) この以下のこの長いURLになってます。
21) 2023年ですね、12月からですね、この、rlkeyというものが加わってとても長くなりました。
22) この2行目からのこの部分ですね、
23) まあ、過剰な負荷だとか、安全対策が強化されたようです。
24) これに伴って、2023年12月以降は、WordPress用の貼り付けコードも変わってきています。
25) 残念ながらこのままでは、WordPressは再生できません。
26) この赤い部分ですね、dl=0の部分を、raw=1で置き換えます。
27) すなわち、以下のような形です。
28) これを作成します。
29) これをですね、マウスの操作だけで行うクイックアクションを作成します。AppleScriptを使います。
30) 以下のように作るのですが、
31) このスクリプトについては、ブログへ添付しますのでご覧ください。
32) このスクリプトについては、ブログへ添付しますのでご覧ください。
33) それで、作ったクイックアクションを実行して、置き換えが正しいかどうか確認します。
34) 動きをご覧ください。
35) 確認するテスト画像ですね、これです。
36) その上で右クリックをして、Dropboxリンクをコピーします。
37) それをメモにペーストします。
38) ペースト、
39) でその上で、左クリックを3回、
40) で、右クリックをして、
41) サービスの中から、DropboxリンクをWordPress用に変換する、を選びます。
42) コピーされます。OK。
43) でそれを、
44) メモにペーストします。
45) こういった出来上がりになります。
46) 変えられた部分は、dl=0が、
47) raw=1に変わっています。
48) それではこの出来上がったものをクリックして確認してみましょう。
49) 確かに画像が出ます。
50) これだけでも、ですね、
51) このクイックアクション、汎用に使えるんですけれども、
52) もう一つAppleScriptのアプリケーションを組み合わせて、WordPressへの動画貼り付けコードを生成したいと思います。
53) 3番目、
54) WordPressへの動画貼り付けコードを生成します。
55) これはまた同じく、AppleScriptのスクリプトですけれども、スクリプトエディターで作ります。
56) 以下のような内容です。この内容もブログへ添付しますので、
57) コピーしてお使いください。
58) その結果のですね、
59) アプリケーションの実行の様子をご覧ください。
60) 最初にアプリケーションを起動させます。
61) それで、
62) 開始画面の画像URLを入れてください、ということで、最初にその画像ファイル、
63) を選び、その上で右クリックして、Dropboxリンクをコピーします。
64) それを、ダイアログボックスのところにペーストします。
65) その上で、左クリック3回、右クリック、サービスから、
66) 変換アクション、
67) コピーがされたらそれを、
68) ボックスに貼り付けます。
69) OK。
70) 次に、
71) 動画本体のURLを、
72) 変換します。
73) 目的の、
74) ファイルを選びます。
75) どれだ、
76) はい、右クリックして、Dropboxリンクのコピーして、
77) それを、ダイアログボックスにペーストして、
78) 左クリック3回、
79) 右クリック、
80) サービスの中からアクションを選び、変換したものを、
81) 置き換えます。
82) OK。
83) 次に、字幕ファイルのURLです。
84) 探します。
85) vttファイルです。
86) 右クリックして、
87) リンクをコピーして、
88) ダイアログボックスにペーストします。左クリック3回、右クリック、
89) サービスの中からアクションを起動して、
90) 出来上がったコードを、
91) 貼り付けます。
92) OK。
93) 最後に動画の説明を記入します。
94) 何入れてもいいんですが、先頭の文字に小文字の不等号カッコ、これはダメです。
95) で、出来上がったものがこういった形でですね、コードが出来上がります。
96) OK。
97) クリップボードにコピーされますのでそれをWordPressへペーストします。
98) カスタムHTMLコードへ、
99) ペーストします。プレビューを押します。
100) 起動してみます。
101) ちゃんと動いてますね、
102) はい、正しくできています。
103) それでは以上で、Dropboxにある動画を、WordPressへ貼り付ける方法の説明を終わります。
104) ありがとうございました。

<vimeo playerへ飛ぶ>

◆<繰り返しなし>が選択されています。CC字幕設定で字幕背景の不透明度を調整することができます。