2015年6月14日現在――。
Prezi(プレジ)が埋め込まれたブログやホームページをスマホで開くと、画面が勝手にPrezi(プレジ)のある位置までスクロールするという現象が起こります。
なんじゃこりゃ!!
と思ったので原因と対処法を探ってみました。
少し前までのPrezi(プレジ)埋め込みコードでは問題ないです。
問題があるのは最近Prezi(プレジ)を作成して埋め込みコードを取得したものがほとんどのようです。
不具合を起こした原因
結論:iframe の src に “#”があると不具合が起きる。
それではPrezi(プレジ)の埋め込み用コードを見ながら解説していきます。
1 |
<iframe id="iframe_container" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="550" height="400" src="https://prezi.com/embed/jxlr7skvlwms/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&PARENT_REQUEST_ID=7bf47e3daa62e9f4#"></iframe> |
Prezi(プレジ)埋め込み用のコード例がこちらです。
1 |
src="https://prezi.com/embed/jxlr7skvlwms/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&PARENT_REQUEST_ID=7bf47e3daa62e9f4#" |
問題の src 部分だけを抜粋したものがこちらです。
最後のところを見てみると…
いますね”#“さん。
勝手にスクロールする不具合の対処法
“#”をとっちゃいましょう。
修正前:PARENT_REQUEST_ID=~#”
修正後:PARENT_REQUEST_ID=~”
この修正で、画面が勝手にPrezi(プレジ)のある位置までスクロールするという不具合は修正されます。
ちなみに「PARENT_REQUEST_ID」については調べてみましたがいまいちよく分かりませんでした。(∀`*ゞ)テヘッ
ですがPrezi(プレジ)の再生には特に問題ありません。勝手にスクロールする不具合が解消されるほうが大事だと思うので、みなさんも同じような不具合にお困りでしたらお試し下さい。
「PARENT_REQUEST_ID」について詳しい方いましたら、ご連絡いただけると嬉しいです。m(_ _)m
関連記事