iframeに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
iframe x LocalStrage x iOS、値が消滅してしまうので代わりとなる保存方法について

iframe内に表示しているサイトのLocalStrageの永続的に残したい値がiOSアプリでは、アプリ終了と同時に消えてしまうのですが、代替に、値を保存する方法に何を使ってますか？
- iOS
- iframe
- 0評価
- 0クリップ
- 56PV
teratailが 5日前にアップデート
解決済

回答

1
iframeで読み込んだHTMLファイルのCSS読み込み遅延を回避するには

困っていること静的なサイトをWordpressに移行する作業を行なっています。フォームのあるHTMLファイルを、iframeで読み込んでおり、iframeの方にCSSファイルでスタイルが効かせているのですが、ページが遷移するたびに表示させたくないものが一瞬、表示された後消えます。コード <iframe class="iframe" src="https://example.com/foo
- CSS
- HTML5
- iframe
- WordPress
- 0評価
- 0クリップ
- 88PV
arutoi 1週間前にベストアンサー
受付中

回答

2
別ドメインのサイトを<iframe>で埋め込みたい

実現したいこと Aサイトに<iframe>で異なるドメインのBサイト(PHP)を埋め込みたい。 ※Aサイトには許可を得ている困っていること Bサイトの表示はされるが、Bサイト内でセッションが効かず正常に動作しない。 ※Bサイトはホットペッパーのような予約ができるようなサイトで、ユーザー情報をセッションに持つ仕様。 <iframe>内で画面遷移した際にセッションが切れてしまう。試したこと
- PHP
- HTML
- iframe
- 0評価
- 0クリップ
- 126PV
otomodayo 2週間前に質問を編集
受付中

回答

1
iframe内のキャッシュ無効について

前提・実現したいこと iframe内だけをキャッシュ無効にしたいです。発生している問題・エラーメッセージ～.css?210505 や～.js?210505 など日付を付けると更新されると思うのですがそうなると毎日?以降の数字を変えなければならないので、それは回避したいと考えています。該当のソースコード <meta http-equiv="Pragma" content="no-c
- iframe
- キャッシュ
- 0評価
- 0クリップ
- 216PV
time_waits 1ヶ月前にコメント
受付中

回答

0
ネイティブの遅延読み込み（loading="lazy"）を使用した際の読み込み速度

ページ内でGoogleMapのiframeを二か所読み込んでおり、・一つはページ中段（最上部から２スクロールぐらい）・もう一つは最下部に埋め込んでいます。それぞれGoogleMapから共有→埋め込みを使用してソースを貼り付けており、デフォルトでloading="lazy"が付与されていました。この二つの違いとして、一つ目はストリートビュー（インドアビュー）を埋め込んでおり、以下
- HTML
- iframe
- 0評価
- 0クリップ
- 90PV
teratailが 1ヶ月前にアップデート
受付中

回答

0
javascriptでのhtmlファイルを表示するwebサイト作成

javascriptについて質問です。現在htmlでiframeを使いローカルのフォルダ内のhtmlファイルを表示するサイトを作成しようと思っています。ローカルのフォルダ内にはhtmlファイルが1分おきに作成されるようにしておき、ファイル名は作成日時にしようと考えています。そこでユーザー側で表示したい日付をdatetime-localなどで選択してフォルダ内のhtmlファイルを表示するよ
- JavaScript
- HTML
- iframe
- 0評価
- 0クリップ
- 199PV
python_k 1ヶ月前に質問を編集
受付中

回答

0
【HTML、JS、iframe】場合によってiframe、デフォルトのHTMLを切り替えたいです。

前提・実現したいこと以下のソースでelseの場合、iframeのみを表示したいです。どのような方法がありますでしょうか？発生している問題・エラーメッセージ条件分けの方法がわからない。該当のソースコード現在以下のように条件分岐しています。こちらにelseを追加するのはわかるのですが、具体的な処理がわからないです。。 if(data !== ""){ getJson(da
- JavaScript
- jQuery
- iframe
- 0評価
- 0クリップ
- 122PV
teratailが 1ヶ月前にアップデート
受付中

回答

0
iframe タグ（YouTube API) の動画をピクチャーインピクチャーで表示させたい

いつもお世話になっております。 Laravel と Vue.js でポートフォリオを作っているのですが、YouTube API で取得した画像をピクチャーインピクチャーで表示させたいのですが、うまく実装できないので皆様のお力添えをいただきたいです。バージョン PHP 7.3.26 Laravel Framework 6.20.16 vue@2.6.12 該当のコードと現状現状は
- iframe
- Laravel
- タグ
- YouTube API
- Vue.js
- 0評価
- 0クリップ
- 160PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
HTMLのサービスでうまく画像を取得してくれない

前提・実現したいこと htmlでブログを書いているのですが、iframelyといういい感じの埋め込みをつくってくれるサービスを使っています。アメブロの埋め込みは問題なくつくられるのですが、自分のブログでは『有効な画像がありません。』と出てきてしまい、埋め込みが作成されません。該当のソースコード <!doctype html> <html lang="ja"> <head> <met
- HTML
- iframe
- 0評価
- 0クリップ
- 147PV
konnnichiha 2ヶ月前に回答
解決済

回答

1
TinyMCE でiframeなどの特定の要素が消えてしまう件について

Laravelで作成されているブログで記事の投稿フォームに TinyMCE (https://www.tiny.cloud/) を利用しています。 TinyMCEのフォームで記入したデータをDBに保存しようとすると保存する以前にHTMLのコードの中から iframe と id タグの部分が消えてしまいます。色々調べたところ、下記のように記述すると解決されるという情報もあったのですが、va
- PHP
- iframe
- Laravel
- TinyMCE
- 0評価
- 0クリップ
- 111PV
takeshi1907 2ヶ月前に回答
受付中

回答

0
vimeo動画を埋め込んだiframeをフルスクリーンにした際に文言をオーバレイ表示する

以下のようにvimeoの動画をiframeで埋め込んでいます。 https://codepen.io/rytskywlkr/pen/OJWpxrv 録画された際にユーザがわかるように、動画の左上に「hoge hoge」と利用者を特定できる情報をposition: absoluteを利用してオーバレイしています。（デベロッパーツールで簡単に外せるので抑止程度にしかならないことは理解しています。
- JavaScript
- HTML
- CSS
- iframe
- Bootstrap
- 0評価
- 1クリップ
- 192PV
teratailが 2ヶ月前にアップデート
受付中

回答

0
facebookをiframeで埋め込んだときに　携帯端末で表示されない

明日中に解決しなければならず、ご回答いただける方には本当に感謝申し上げます。 ■実現しようとしてること facebookの画面をサイト内で表示させるために、iframeで現在実装しております。 ■起こっている問題携帯端末でiframe部分が真っ白になって表示されない ▼条件・パソコンで携帯画面幅にすると表示される・もちろんパソコン画面では表示される・携帯端末での検証はsafa
- HTML
- CSS
- Facebook
- iframe
- 0評価
- 0クリップ
- 134PV
teratailが 2ヶ月前にアップデート
受付中

回答

0
【Monaca】 Iframe Player APIで動画をインライン再生させたい

前提・実現したいこと Monaca使ってアプリを作成している者です。iframe player APIを用いてアプリ内でyoutubeをインライン再生させようと考えております。以前下記のコード（Angular JSを使用　ディレクティブを作成）でインライン再生ができていたのですが、先日Monacaデバッガーのバージョンを10.01に変えたところインライン再生ができなくなってしまい困っております。M
- AngularJS
- iframe
- YouTube API
- Monaca
- 0評価
- 0クリップ
- 197PV
teratailが 2ヶ月前にアップデート
受付中

回答

1
同一ドメイン内で、特定のURLのみiframeを許可、その他では拒否する方法は？

前提・実現したいこと同一ドメイン内で、埋め込み用のURLを用意して、その埋め込み用URLは第３者が自由にiframeで埋め込みできるようにして、その許可URL以外のURLでは埋め込み拒否したいです。 e.g. ・https://example.com　の埋め込みは拒否・https://example.com/embed/　以下のURLの埋め込みは許可前提 Nginx + Rea
- nginx
- iframe
- 0評価
- 3クリップ
- 398PV
Mues 2ヶ月前にコメント
解決済

回答

1
Fancybox展開後、iframeの背景透過

Wordpressで「Easy FancyBox」プラグインを利用してiframeで記事ページの「single01」を読み込んでいます。 <a href="/single01/" class="fancybox-iframe"> <img src="single01.jpg"> </a> iframeが開いたあとのbodyの背景を透過させて、トップページのレイアウト全体が透けて見えるようにした
- PHP
- HTML
- FancyBox
- iframe
- WordPress
- 0評価
- 0クリップ
- 295PV
bitchan 2ヶ月前に回答
受付中

回答

2
iframeタグのsrc属性を隠したい

初歩的な質問で恐縮です。 htmlのiframeタグに指定するsrc属性に、外部のjsファイルなどから読み込んだ値を設定したいです。目的としては、Webブラウザ等で表示した際に、srcのURLを隠したいことなので、特定の手段にこだわりはありません。色々とググってみたのですが、ピタっとはまるものがなく、困っています。どのような手段が考えられるかご教示いただけますと幸いです。
- JavaScript
- HTML
- iframe
- 0評価
- 1クリップ
- 244PV
yambejp 2ヶ月前に回答
受付中

回答

0
ドロップダウンリストについて

インラインフレームを使ってドロップダウンリストをページに表示させたいのですが iframe 内にドロップダウンリストのタグを配置すると下に隙間がでできます。隙間なくドロップダウンリストを表示させるいい方法はありますでしょうか。インラインフレームを使わないと、表示は難しそうです。。。（ヤフーショッピング）どなたかお願いします・・・。 <IFRAME SRC="https:/
- HTML
- CSS
- iframe
- 0評価
- 0クリップ
- 257PV
teratailが 3ヶ月前にアップデート
解決済

回答

3
iframe以外の方法で外部URLのページをdiv内に表示したい

iframe以外の方法で外部URLのページをdiv内に表示したいのですが、良い方法をご存知の方おりませんか？ iframeだと表示できないページが多く、困っています。
- JavaScript
- HTML
- iframe
- 0評価
- 1クリップ
- 303PV
yambejp 3ヶ月前にベストアンサー
解決済

回答

1
IFrame Player API JavascriptコードにServiceのデータをバインドさせたい

前提・実現したいこと当方現在monacaでAngular jsを用いた英語並び替えのクイズアプリを作成しております。現在このアプリにYoutube apiを用いて動画を埋め込み、動画内の英語を聞いて並び替えられるようにしようとしております。並び替える単語はquestionService.jsからデータをHTML上にバインドし、表示させております。今回並び替え問題に合わせ、動画の再生
- HTML
- AngularJS
- iframe
- YouTube API
- Monaca
- 0評価
- 0クリップ
- 221PV
jun9 3ヶ月前にベストアンサー
解決済

回答

1
javascriptで複数frameあるページの中で1つのリンクをクリックしたい

frameが採用されているページにjavascriptでリンクをクリックさせたいです。うまくいかず、どなたかご教示いただけないでしょうか。 ■状況 WinformsにCefSharpを導入し、Chroniumブラウザ内で表示させてるサイト内のリンクをクリックしたいです。 javascriptでそのサイトに自動ログインまではできたのですが、その次のページでさらにクリックしたいのですができずにい
- JavaScript
- iframe
- 0評価
- 0クリップ
- 235PV
neji-thon 4ヶ月前に回答を編集