Google ヘルプ サイト (マテリアル デザイン ガイド)、Google Chrome でビデオが再生されない

Question

例えばこのページ例開発ツールのコンソールには、ビデオごとに次のようにエラーが表示されます。

オプションhttp://material-design.storage.googleapis.com/videos/animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.webmオリジン hxxp://www.google.com は Access-Control-Allow-Origin によって許可されていません。 authentic-motion.html:1

コンソールのビデオのリンクをクリックすると、ビデオは新しいページで再生されます。Firefox ではすべて正常で、すべてのビデオが意図したとおりに埋め込まれて再生されます。

Adblock および flashblock プラグインを無効にしましたが、役に立ちませんでした。このエラーについて読みました。これはセキュリティ保護機能ですが、なぜ Google サイトでこのエラーが発生するのでしょうか。また、サイトを調整/ホワイトリスト化するにはどうすればよいですか。

Answer 1

私の Firefox も Google の素材ページ動画で同じ問題を抱えているようです。要素の検査でページが「encrypted.google.com」に接続しようとしていることが示されたので、簡単な解決策はブラウザのアドレスバーの URL の前に「https://」を入れることでした。魔法のようにすべてがうまくいきました。Firefox が https:// ではなく http:// でページにジャンプする理由を聞かないでください。お役に立てば幸いです。

Answer 2

Chrome でページを開くと正常に動作します。AdBlock Pro は有効になっています。JavaScript が有効になっていること、プラグインの実行が許可されていること、そして chrome://settings で Cookie (およびおそらく画像) が有効になっていることを確認しましたか?

Answer 3

「https://」を追加するだけでなく、Googleドメインの国コードを削除する必要がありました。

例えば 私はこう始めました: www.google.com/ua/design/spec/animation/authentic-motion.html#authentic-motion-mass-weight

しかし、これでビデオが読み込まれました: https://www.google.com/design/spec/animation/authentic-motion.html#authentic-motion-mass-weight

Answer 4

ドメインを変更してもうまくいきました。google.co.in/... を google.com/... に変更しました。