人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【YouTube動画の音声ナレーションを文字で表示】

下記のYouTube動画の[embed用のURL](※) をWindows XPのIE8で閲覧するとフランス語の
音声ナレーションに同期してそれを和訳した文字が映像の下部分に表示されていました。

同じURL をWindows 8.1のIE11で閲覧すると、そのような文字は表示されません。
IE11でもIE8と同様に表示させるための設定など方法があれば教えてください。

※[embed用のURL]
https://www.youtube.com/embed/0nR6qVNosk4?rel=0

ちなみに、この動画に対応する[通常のYouTubeのURL]は
https://www.youtube.com/watch?v=0nR6qVNosk4
です。こちらでは上記表示の有無は確認していません。

なお、
Windows XPのGoogleChrome
Windows 8.1のGoogleChrome
共に上記のような文字の表示はありません。
(設定などで表示できるかは現時点ではわかりません)

●質問者: mkonomi
●カテゴリ:インターネット
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー

D
※回答に埋め込みます。
f:id:psne:20140410134337p:image

Windows 8.1のGoogleChrome

同じ環境になりますが、表示されます。
再生ボタンを押した時に丸で囲んだ部分が表示されませんか?


mkonomiさんのコメント
さっそくの回答ありがとうございます。 教えていただいた方法で Windows 8.1のIE11 Windows 8.1のGoogleChrome 共に字幕を表示することができました。 再生開始後に<span style="font-weight:bold;color:#00CC00;">[キャプション(字幕)ボタン]</span>が現れ、そこで、 - <span style="font-weight:bold;color:#00CC00;">字幕のオン/オフ</span>、 - <span style="font-weight:bold;color:#00CC00;">言語の選択</span> が行えるのあるのですね。 この質問のそもそものきっかけは以下に示すYouTube動画をインラインフレーム で埋め込むことを試すための試行ページ(※2)の再生状態が、 Windows XPのIE8でアクセスしたときには字幕があったのに Windows 8.1のIE11にすると、字幕が出なくなったことでした。 IE8の時でも、日本語字幕は最初のひとつの映像だけで、残りの複数の映像は英語 の字幕だったり字幕なしだったりの状態でした。 それらのことがすべて納得できました。 各映像の字幕有無や言語の種類に関するデフォルト状態はどうやって決まるのでしょうか? (※2)試行ページ http://www2s.biglobe.ne.jp/~konomi/Test_embed_youtube/Test_embed_youtube_20140327.html

mkonomiさんのコメント
上記の試行ページ http://www2s.biglobe.ne.jp/~konomi/Test_embed_youtube/Test_embed_youtube_20140327.html にある8個の映像の字幕を調べてみました。(Windows 8.1のGoogleChrome) Question 1 日本語字幕あり Question 2 日本語字幕なし 機械翻訳(英語->日本語)設定が可能 Question 3 日本語字幕なし 機械翻訳(英語->日本語)設定が可能 Question 4 字幕ボタンなし Question 5 字幕ボタンなし Question 6 日本語字幕なし 機械翻訳(英語->日本語)設定が可能 Question 7 日本語字幕なし 機械翻訳(英語->日本語)設定が可能 Question 8 日本語字幕なし 機械翻訳(英語->日本語)設定が可能 > 各映像の字幕有無や言語の種類に関するデフォルト状態はどうやって決まるのでしょうか? デフォルト状態は - 日本語があれば日本語 - 日本語がなければ英語(機械翻訳(英語->日本語)の設定が可能) の様です。

mkonomiさんのコメント
ちょと試させてください。 上記の試行ページ自体を回答のコメント欄へ埋め込むとどうなるかを。 (ぽけっとしすてむさんへはこのコメント投稿の通知が届くと思います。) 不適切な結果の場合には、後刻、このコメントは削除いたします。 <iframe width="720" height="540" src="http://www2s.biglobe.ne.jp/~konomi/Test_embed_youtube/Test_embed_youtube_20140327.html" frameborder="0" allowfullscreen></iframe> <iframe width="360" height="270" src="https://www.youtube.com/embed/0nR6qVNosk4?rel=0" frameborder="0" allowfullscreen></iframe>

mkonomiさんのコメント
iframeでは一般のURLは埋め込まれないのですね。 ゴッホの方は日本語字幕です。 >|| <iframe width="360" height="270" src="https://www.youtube.com/embed/0nR6qVNosk4?rel=0" frameborder="0" allowfullscreen></iframe> ||< ぽけっとしすてむさんの回答への埋め込みとどこがことなるのかわかりません

ぽけっとしすてむさんのコメント
こちらの回答には、はてなの機能を使って埋め込みをしています。 >> [http://www.youtube.com/watch?v=0nR6qVNosk4:movie] << このように投稿すると、 >> <object height="336" width="425"><param name="movie" value="http://www.youtube.com/v/0nR6qVNosk4"><param name="wmode" value="transparent"><embed flashvars="movie_url=http://d.hatena.ne.jp/video/youtube/0nR6qVNosk4" height="336" src="http://www.youtube.com/v/0nR6qVNosk4" type="application/x-shockwave-flash" width="425" wmode="transparent"></object> << このように変換されます。

ぽけっとしすてむさんのコメント
[][http://www.youtube.com/watch?v=0nR6qVNosk4:movie][]

mkonomiさんのコメント
埋め込み動画の上で<span style="font-weight:bold;color:#FF0000;">右クリックしたときに現れるメニュー</span>が ぽけっとしすてむさんの埋め込み動画の上では<span style="font-weight:bold;color:#FF0000;">英語</span> 私の埋め込み動画の上では<span style="font-weight:bold;color:#FF0000;">日本語</span> です。 そして、その右クリックで得られる埋め込みコードは 《ぽけっとしすてむさん》 >|| <iframe width="640" height="360" src="//www.youtube.com/embed/0nR6qVNosk4?feature=player_embedded" frameborder="0" allowfullscreen></iframe> ||< 《私》 >|| <iframe width="360" height="270" src="//www.youtube.com/embed/0nR6qVNosk4" frameborder="0" allowfullscreen></iframe> ||< で、《ぽけっとしすてむさん》の方には >|| ?feature=player_embedded ||< が付いています。

ぽけっとしすてむさんのコメント
Web上で試す便利なサイトがありますので、こちらで確認してみるのも良いかもしれません。 http://jsfiddle.net/psne/LASeV/ ※コメントに書かれているコードが貼り付けられています。こちらは、一定期間後に削除されます。

mkonomiさんのコメント
有りのコードを直接回答欄のコメント欄に書いても無効の様です。 はてな特有の事象だとわかりました。 ぽけっとしすてむさん、 おつきあいいただきありがとうございました。

mkonomiさんのコメント
ぽけっとしすてむさん > Web上で試す便利なサイトがありますので、 > こちらで確認してみるのも良いかもしれません。 Web上で試す便利なサイト<span style="font-weight:bold;color:#FF0000;">jsFiddle</span>を紹介していただき ありがとうございました。 <span style="font-size:medium;">[http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/fun-with-jsfiddle/:title=jsFiddleをとことん楽しむために知っておくと良い15の事]</span> を読んでその便利さがよくわかりました。 jsFiddleでは >|| <iframe width="360" height="270" src="https://www.youtube.com/embed/0nR6qVNosk4?rel=0" frameborder="0" allowfullscreen></iframe> ||< と >|| <iframe width="360" height="270" src="https://www.youtube.com/embed/0nR6qVNosk4?feature=player_embedded?rel=0" frameborder="0" allowfullscreen></iframe> ||< のどちらも日本語字幕可能でした。 前にも書きましたが、「はてな」の回答欄のコメント欄に後者を直接書いた場合無効でした。 もう一度書いてみます。 <iframe width="360" height="270" src="https://www.youtube.com/embed/0nR6qVNosk4?feature=player_embedded?rel=0" frameborder="0" allowfullscreen></iframe>

mkonomiさんのコメント
> iframeでは一般のURLは埋め込まれないのですね。 その後調べてみると、 一般のURLを埋め込めないのは回答欄のコメント欄へだったからでした。 jsFiddleでは一般のURL(下記例)を埋め込めました。 >|| <iframe width="720" height="540" src="http://www2s.biglobe.ne.jp/~konomi/Test_embed_youtube/Test_embed_youtube_20140327.html" frameborder="0" allowfullscreen></iframe> ||<
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ