YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

公開日: : 最終更新日:2014/08/14 JavaScript/jQuery, PHP, Youtube, サイト制作

スポンサーリンク

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプトです。PHPとjavascriptの両方で行いました。ソースではwidthとheightパラメータの2つを指定して、それぞれ外部動画プレイヤーの幅と高さを調整しています。

PHPのサンプル)

$width = 560;
$height = 315;
$desc = "https://www.youtube.com/watch?v=Yfl7OID_-gE&list=PLUkdT9ljJ1carw5EnCL7ZjmbYYzartc-p<br>https://www.youtube.com/watch?v=PvhuzoqsshY";

//正規表現で置換
$desc = preg_replace("/h?ttps?:\/\/www\.youtube\.com\/watch\??\w?=?([^<>?&]+)/","<iframe width=\"".$width."\" height=\"".$height."\" src=\"http://www.youtube.com/embed/\\1\" frameborder=\"0\" allowfullscreen></iframe>",$desc);

echo $desc;

javascriptのサンプル)

var width = 560;
var height = 315;
var desc = "https://www.youtube.com/watch?v=Yfl7OID_-gE&list=PLUkdT9ljJ1carw5EnCL7ZjmbYYzartc-p<br>https://www.youtube.com/watch?v=PvhuzoqsshY";

//正規表現で置換
desc = desc.replace(/h?ttps?:\/\/www\.youtube\.com\/watch\??\w?=?([^<>?&]+)/g,"<iframe width=\""+width+"\" height=\""+height+"\" src=\"http://www.youtube.com/embed/$1\" frameborder=
\"0\" allowfullscreen></iframe>");

document.write(desc);

このスクリプトではwww.youtube.comのもののみを対象としており、他のドメインからのものは考慮していません。使うときは幅、高さ、対象文字列の3つを引数にして関数化したほうが使いやすいと思います。

javascriptによるデモはこちら↓

ちなみにニコニコ動画の置換はこちら
この置換を一括で行えるデモ

SUMMER ADDICTION
SUMMER ADDICTION

posted with amazlet at 14.07.05
TUBE
SMAR (2012-06-27)
売り上げランキング: 109,418
スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【PHP】WebAPIのJSONファイルを読み込む

WebAPIでJSONファイルを使う機会があったので使い方をメモ。最近ではWebAPIはSNSやブロ

記事を読む

no image

【PEAR】Services_AmazonのItemLookupで複数ASINを指定する

Amazon Product Advertising APIをPEARのServices_Amazo

記事を読む

チェスボード画像自動生成ツール

1マスのサイズ(ピクセル) マスの数× 左上が白 枠をつけるか 枠の色白黒

記事を読む

【PostgreSQL】psql version 8.4, server version 9.5

PostgreSQLを使おうとしたところ下記のような警告が出てきました。 -bash-4.1$

記事を読む

javascriptでチェックボックスを一括で変更する方法

チェックボックスのチェックに一つ一つチェックを入れていくのは非常に手間がかかるのでjavascrip

記事を読む

WordPressの記事内でJavaScriptを動かす

WordPressでは厄介なことにJavaScriptが動かない場合があります。この記事では動かない

記事を読む

【javascript】RSSを読み込んで表示させる【Google Feed API】

jQueryで簡単にRSSフィードを表示させる方法としてGoogleFeedAPIを利用するというの

記事を読む

ソーシャルボタンをブログやサイトに設置する方法

TwitterやFacebookなどのソーシャルボタンを付ける方法です。ソーシャルボタンを付けるには

記事を読む

任意URLのTweetボタンを複数設置する

TwitterのTweetボタンをWebサイトやブログに複数設置する方法です。複数設置するということ

記事を読む

スクレイピングをサポートしてくれるAPI【kimono】

kimonoというスクレイピングをAPI化してくれるという素晴らしいサービスがあります。

記事を読む

【Unity】他のスクリプトを一括で取得して有効化・無効化を制御する

Unityを使っていて他のスクリプトを一時的に停止させたいと思ったので

テレビの録画をPCやNASで共有する

今までテレビはテレビ用のモニターで見ればいいやと思っていたのですが、さ

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

【Laravel5】既存のDBからデータを取得して表示する

はじめに 今まで作ったWebサイトをLaravel5で見れるようにし

【C++/OpenCV】cv::Matの画像にインパルスノイズを付加する

OpenCVで画像にノイズを付け足したいと思って調べたところ、Pyth

Intel Corei7-7700TでHTC Viveの動作確認

はじめに HTC ViveというVRヘッドセットで遊んでみたのでその

【Python】フォルダ内のカッコ付き数字ファイルを一括でリネームするスクリプト

はじめに タイトルどおりなのですが、指定フォルダ内のファイルのファイ

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑