最新版のGoogle Chromeでサイトの埋め込み動画が自動再生されない場合の対応方法まとめ
最新版の Chrome 66 では、サイトに音声付き動画が埋め込まれている場合に、自動再生されなくなりました。弊社で運用している幾つかのホームページでも動画が自動再生できなくなりましたので、その対応方法をまとめます。 この記事では、サイトに、インラインフレーム (iframe) で Youtube 動画を埋め込んでいる場合、video タグで動画を埋め込んでいる場合、bigVideo.js で動画を埋め込んでいる場合の対処方法を、それぞれ記載いたします。 再生されなくなったサイトに埋め込んでいた動画は全て、元々音声の入っていない動画でした。音声なしの動画なのになぜ・・・と頭を抱えましたが、動画音声のあるなしに関わらず、プレイヤーの音量設定自体を消音（ミュート）にしなければいけなかったようです。本記事でご紹介する方法はどれも、プレイヤーの音量をミュートにする方法です。
HTTPリクエストとHTTPレスポンスをchromeのデベロッパーツールで確認する方法 | マイテラス
HTTPリクエストとHTTPレスポンスは、chromeのデベロッパーツールで確認することができます。本記事では、自分の備忘録も兼ねて、その方法をまとめています。 HTTPリクエストとHTTPレスポンスの確認方法 まず、確認したいwebページをGoogle chromeで開き、F12ボタンによってデベロッパーツールを起動したら、「Network」タブをクリックします。その状態でF5ボタンを押してページ更新（リロード）をします。すると、画面内に各種ネットワークで読み込みされた情報が表示されます。 一式の読み込みが終わった後は、HTTPリクエストとHTTPレスポンスについて確認したいものをName欄のところからクリックすればOKです。
Amazonでの賢い買い物をするにはChromeの拡張「Keepa – Amazon Price Tracker」が必須｜More Access! More Fun
先日こういうエントリーを書きましたら・・・ Amazonで一番まずいのは溢れる二重価格の表示だと思う 二重価格改善して欲しいですが自己防衛としてChromeの拡張機能「Keepa – Amazon Price Tracker」を使用してます。 価格の履歴が見れ安いのか高いのかすぐ確認取れます。https://t.co/NR7v8Q2QS2 https://t.co/vLTNmwipIG — なお (@naoh__i) 2016年10月16日 というアドバイスを頂きました。 さっそくChromeブラウザにインストールして使ったところ・・・ Amazonの買い物はこれなしではあり得ない!! という結論に達しましたので、ここでご紹介します。マジで使えます!!! 教えてくれてどうもありがとうございます。 使い方は簡単・・・ これをモバイルで見ている方は、PCを開いてください。 GoogleのChr
YouTube動画を小窓で常に表示してくれるChrome拡張機能「YouTube Picture in Picture」 | ライフハッカー・ジャパン
「YouTube Picture in Picture」はYouTube動画を小窓で常に表示してくれるChrome拡張機能です。iOS9から登場した「Picture in Picture」機能を想像してもらえばよいかと。YouTube動画を画面の隅で表示させて、別ページを見たりできます。 以下に使ってみた様子を載せておきます。まずYouTube Picture in Pictureへアクセスしましょう。Google Chromeに拡張機能をインストールしてYouTubeを開きましょう。 YouTube動画を右クリックすると「Picture in Picture」のメニューが表示されます。クリックすると画面の右端に動画が表示され再生されますよ。 この機能はYouTubeのサイト上でのみ動作します。動画を見ながら他の動画を検索したりアップロード作業をしたいときにどうぞ。 YouTube Pic
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
社内AWSエンジニア向けMac用ツールまとめ資料を公開してみる | DevelopersIO
はじめに こんにちは植木和樹です。今年の5月にクラスメソッドにJoinしてから早半年。当時6名体制だったAWSチームも15名近いメンバーとなりつつあります。 クラスメソッドでは入社した社員にMacBook Airが貸与されます。薄くて軽くて持ち運びに便利なので、いつでもどこでも仕事ができます（歓喜）。さて入社して数日間は仕事をするための環境作りに時間がとられるものですが、なるべく早くフルスロットルな仕事体制を整えてもらえるようクラスメソッド社内で使っているツール類をまとめてみました。 セットアップ手順まで記載するとエントリが長くなるのでツールの紹介のみです。参考となるセットアップ手順については紹介内でリンクを貼っています。 業務系ツール Chrome 配布元サイト Chrome ブラウザ 作業ミスを防ぐため、お客様のAWSアカウントごとにChromeユーザーを切り替えて使いましょう。設定方
Firefoxはもう限界！Chromeへ完全移行したお勧めの拡張の紹介
※今回はFirefoxユーザーへの記事です。 本当にね、Firefoxが好きでず～っと使ってた。 でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。 それがもう最近は頻繁。 もういいっ！Chromeへ移行してやる とはいうモノの、今まで何度もChromeは挫折。 何よりも「ブックマーク」が無いのが違和感、使いにくい。 でも、最近はFirefoxでもブックマーク代わりは専ら「Speed Dial」。 そして、いつの間にか（僕が知らんかっただけだけど）Chromeに「Speed Dial2」が・・・！ イケる。。これならいける。 前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る！ ていうか、Firefoxのより出来る。。 そして、その他のFIrefoxで欠かせない
早口言葉じゃないですが… MacでChromeがFlashでClash、ついでにMacもクラッシュ！
こんにちは。 @OfficeTAKUです。 先日から、Google ChromeでFacebookにアクセスしている時に、Flashが読込めませんでした、とか、クラッシュしました、みたいなメッセージが表示されるようになりました。 しばらく無視していたのですが… その影響か、 Chromeがフリーズし、[Cmd]+[Option]+[Esc]で[アプリケーションの強制終了]してChromeを強制終了させようとすると、Mac自体もフリーズ。 どうにもこうにもしようがなくなり、電源を落とす、という事態に陥ることが度重なりました。 「Mac Chrome Flash クラッシュ」などとググってみる（検索してみる）と、結構な件数がヒットしてきました。 その中の、 Google Chromeの内蔵Flash Playerが壊れたときは | itFun.jp という記事によると、 「Google Chr
Google Chromeに乗り換えて1年、私がWEB活動に欠かせない拡張機能11個まとめ | フリーソフトラボ.com
昨年のちょうど今頃の時期に、FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめという記事をエントリーしましたが、今回、実際に筆者がGoogle Chromeを本格的に使い始めて一年と少しが経過しました。 そこで、上記エントリーでは紹介しなかった、その後新しくインストールした拡張機能や、今はもう使わなくなって消してしまった拡張機能もいくつかあるので、改めて現在愛用している拡張機能をまとめてみます。 AutoPagerize for Chrome Greasemonkeyで超人気のスクリプト「AutoPagerize」のChrome用拡張機能。Googleの検索結果など、ページごとに分けられたウェブページを自動で読み込んで、継ぎ足し表示してくれます。 Readmine 筆者も愛用している”あとで読む”系サービス「Read It Later」のChrome用クライア
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
[Mac OS]Google Chromeをモニター幅いっぱいに最大化する
Eclipse Java EE IDE for Web Developers.(Mars.2)で、Facelet Templateで出力したもの でEL Syntax Errorになる。 <ui:debug hotkey="x" rendered="#{initParam['javax.faces.FACELETS_DEVELOPMENT']}"/> よく分からないが、ELの値をbooleanの式に変える必要があるのか？ Eclipse Kepler 4.3.1 Error in New Facelet Template を参考に、booleanの評価式に変更して解決する。 web.xml <context-param> <param-name>javax.faces.PROJECT_STAGE</param-name> <param-value>Development</param-v
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://buchineko.website/chrome-devtools-cording/
動画ゲッター - Google Chrome 拡張
http://www.2ch-search.net/blog/6
これは便利！今話題になっている人気急上昇中のGoogle Chrome エクステンション - iTea3.0