2

iframeを使用せずにGoogleドライブのビデオを埋め込む方法はありますか?

あなたがYouTubeビデオでできるのと同じように：

<object width="320" height="180">
          <param name="movie" value="http://www.youtube.com/v/UHk6wFNDA5s&amp;showinfo=0">
          <param name="wmode" value="transparent">
          <embed src="http://www.youtube.com/v/UHk6wFNDA5s&amp;showinfo=0" type="application/x-shockwave-flash" wmode="transparent" width="320" height="180">
</object>

Google ドキュメントからの推奨埋め込みコード (iframe を使用) は次のとおりです。

<iframe src="https://docs.google.com/file/d/0B7CQ5XvLuIGrQlJUNUhpQVltZ0U/preview" width="640" height="385"></iframe>
4

3 に答える 3

0

W3Schoolsのサンプル コードを使用しましたが、著作権があるためここにコードを貼り付けることはできません。リンクをたどって確認してください。

2 番目の部分は、画像へのリンクを正しく取得することです。ドライブから直接リンクを使用してもうまくいかないことがわかったので、サイトに新しいページを作成し、必要なすべての画像を追加しました。検索を使用しない限り見つからないように、ナビゲーションからページを無効にしました。公開後、ページを開き、ブラウザーで Inspect を使用して各画像のタグを見つけました。次に、このような要素をコピーしました。

<img src="https://lh3.googleusercontent.com/qt ... 4jM=w1175" class="CENy8b" role="img" style="width: 100%; margin: 0%">

これに title 属性をつけたので、どの画像が入っているかがわかります。class="CENy8b" 属性も不要と思われるので削除しました。

<img src="https://lh3.googleusercontent.com/qt ... 4jM=w1175" role="img" style="width: 100%; margin: 0%" title = "image 1">

次に、これを W3Schools のコードのタグに貼り付け、画像ごとに繰り返しました。W3Schools コードには、セットのどの画像が表示されているかを示すために、画像の下にドットがある場所があります。ドットの数は画像の数と一致する必要があります。

上記のすべてを行った後、エディターからコードをコピーし、[サイトにコードを埋め込む]を使用して貼り付けました。サイト エディターで画像がカチカチ音をたてているのを確認でき、公開後にライブ ページで正常に動作します。

W3Schools コードは、画像間に 2 秒の遅延を使用します。これがコードのどこに設定されているかを見つけて、サイトに適した値に変更するのはかなり簡単です。

于 2019-07-18T13:29:02.647 に答える