Hatena::ブログ(Diary)

(有)掛軸裏スキマ産業 RSSフィード

2017-04-05

iframeあるとChromeで記事更新できないかも

はてなダイアリーはてなグループ日記で確認。こんな画面が出たらモロ。

f:id:noromanba:20170405075942p:image

iframeがChromiumのXSS Filterに引っかかる - ぷちてく - Petittech

iframe 嫌いでしばらく使ってないので気づかなかった。

対策

他のブラウザ使う。Firefoxとか。お手軽。

Chromeで頑張る

たとえば iframe 貼り付けはリンクにしてしまう。以下のを例にすると、

こういうのをやめて、

<iframe width="560" height="315" src="https://www.youtube.com/embed/Y4f1cdNv_M8" frameborder="0" allowfullscreen></iframe>

こうするか、

https://www.youtube.com/embed/Y4f1cdNv_M8

タイトル出したかったらこうする。はてな記法

[https://www.youtube.com/embed/Y4f1cdNv_M8:title]

HTML

<a href="https://www.youtube.com/embed/Y4f1cdNv_M8">東京事変 - 空が鳴っている - YouTube</a>

Youtubeなら画像出せるのでこうとか。はてな記法

[https://img.youtube.com/vi/Y4f1cdNv_M8/0.jpg:image]
[https://www.youtube.com/watch?v=Y4f1cdNv_M8:title]

実際こうなる。


https://img.youtube.com/vi/Y4f1cdNv_M8/0.jpg

東京事変 - 空が鳴っている - YouTube


HTML交えてプレイヤーっぽく。

<a href="https://www.youtube.com/watch?v=Y4f1cdNv_M8" target="_blank">
  <img src="https://img.youtube.com/vi/Y4f1cdNv_M8/sddefault.jpg" alt="thumbnail" title="東京事変 - 空が鳴っている - YouTube">
</a>
[https://www.youtube.com/watch?v=Y4f1cdNv_M8:title]

実際こうなる。


thumbnail

東京事変 - 空が鳴っている - YouTube



この辺、適当なツール見つけましょう。

詳細

ぼくのはかなり特殊な物体と環境なので、他の人では起こらないかも知れない。

Chromium だし。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証