.htaccessでPHPのファイルアップロードサイズの上限値を変更
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
YouTubeに掲載している動画の特定再生リストをサイト内に一覧表示したいという要望がありましたので実装した方法をメモ
var apikey = '○○○○'; //google apiキー
var results = [];
// URLを生成する関数
function generate_api_url(listid) {
var url = 'https://www.googleapis.com/youtube/v3/playlistItems';
url += '?part=snippet';
url += '&playlistId=' + listid;
url += '&key=' + apikey;
return url;
}
// データを取得する関数
function get_api_data(listid) {
var getData = $.ajax({
url: generate_api_url(listid),
dataType: 'json'
});
getData.then(
function(data) {
for (var i = 0; i < data.items.length; i++) {
if(data.items[i].snippet.title!='Private video' && data.items[i].snippet.title != 'Deleted video'){
results.push({
"title": data.items[i].snippet.title,
"id": data.items[i].snippet.resourceId.videoId
});
}
}
for (var i=0; i < results.length; i++){
$('.movielist__mv__list').append('<li class=""><div class="movielist__mv__list__image"><a href="'+results[i]['id']+'"><img src="https://img.youtube.com/vi/'+results[i]['id']+'/0.jpg" alt="'+results[i]['title']+'" /></a></div><h3><a href="'+results[i]['id']+'">'+results[i]['title']+'</a></h3></li>');
}
},
function(error) {
console.log(error);
}
);
}
$(function (){
get_api_data('○○○○'); //再生リストID
});
<ul class="movielist__mv__list">
</ul>
google APIキーは「Google Cloud Platform」よりプロジェクトを作成して取得、更にAPIライブラリの中から「YouTube Data API v3」を選択。
他サイトで利用できないよう認証情報ページで使用サイトと使用APIを制限します。
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
2022.02.12
ワードプレスを使用して運用されているサイトで投稿した記事を検索したい(サイト内検索)とい…
2020.12.5
メールフォームからメールを送信する際に、画像(ファイル)を添付できるようにしてほしいとの…
2020.08.1
動画ファイルをCMS化して保存するときに、多くの場合はファイルパスをデータベース(MyS…
2020.10.31
WordPress(ワードプレス)を使ってサイトを作る際に、既に別サイト(同一サーバー内…
管理画面等を使用して店舗を追加していく際に、一つづつ確認しながら地図を埋め込むことも可能…
ホームページ内に動画を掲載する場合、youtube等のサービスを利用する場合は問題ないの…
ホームページ内でスクロールバーを使用する場合、特に設定がなければ左上を基準に表示されます…