2017-12-20 3 views
-2

YouTubeの動画をhtmlで実装することが可能かどうか疑問に思っていましたが、YouTubeで「共有」と「埋め込み」をクリックしてリンクを取得する必要はありません。代わりに、私はちょうどURLをコピーできるようにしたい。私は、ユーザーが単に不要に対処することなく、シームレスにコピー&ペーストすることができますプラットフォームを持つことができるようにhttps://www.youtube.com/watch?v=09m0B8RRiEE普段のYouTubeのURLで「埋め込み」

目的は、このリンクを持ちたいたとえば、代わりにこのリンクhttps://www.youtube.com/embed/09m0B8RRiEE

余分なクリック - あなたはFacebook上で行うことができますように。

本当にありがとうございます。

答えて

1

https://www.youtube.com/watch?v=09m0B8RRiEEは、ヘッダにを持ちます。したがって、iframe経由でウェブサイトに埋め込むことはできません。

/watch?v=のURLを埋め込むのではなく、iframeのsrcとして設定する前にJavaScriptを使用して/embed/に変換するか、手動でURLをリダイレクトするサーバー(プロキシとして)にすることができます。

更新:リダイレクトデモ:

HTML(data属性を使用します):

<iframe data-src="https://www.youtube.com/watch?v=09m0B8RRiEE" />

JS(jQueryの):

$('iframe').each(function() { 
    let originalSrc = $(this).data('src') 
    let src = originalSrc.replace('/watch?v=', '/embed/') 
    $(this).attr('src', src) 
}) 
+0

ありがとうございます!あなたはjavascript経由でそれを行う方法を知っていますか?それはおそらく最良の方法です。 – user9121872

+0

@ user9121872はjQuery =を使ってデモを追加しました) –

関連する問題