月別アーカイブ: 2013年9月

jQuery BigVideoで背景を動画にする

ここではjQueryのプラグインBigVideoで背景を動画にする方法を紹介しています。

bigvideo

デモはこちら
https://office-goto.info/demo/bigvideo/
※音が出ます

ダウンロードはこちら
http://dfcb.github.io/BigVideo.js/

headで読み込み

<link rel="stylesheet" href="./css/bigvideo.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="./js/video.js"></script>
<script src="./js/bigvideo.js"></script>

jquery,jquery-ui,video.jsは別に用意する必要があります。

jquery,jquery-ui
https://developers.google.com/speed/libraries/devguide
video.js
http://www.videojs.com/

1つの動画を再生

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show('vids/vid.mp4');
});

複数の動画を順番に再生

$(function() {
    var BV = new $.BigVideo();
    BV.init();
    BV.show(['vid1.mp4','vid2.mp4','vid3.mp4'],{ambient:true});
});

クリックで動画を再生

var BV = new $.BigVideo();
BV.init();
$(function() {
    $('.playlist-btn').on('click', function(e) {
        e.preventDefault();
        BV.show($(this).attr('href'));
    });
});
<a href="vids/vid.mp4" class="playlist-btn">video</a>

一時停止

BV.getPlayer().pause();

これで背景に動画を再生できます。
必要に応じてz-indexなどでコンテンツの表示を設定してください。

WordPress ハッキング対策

ロリポップサーバーでWordPressのハッキングがあったのでセキュリティー対策についてまとめています。

wordpress_logo

パーミッション

WordPressに限った話ではないですがパーミッション(権限)の設定は非常に大事です。

ユーザー名、パスワード、データベース名、暗号化複合化のキーなどが記述しているファイルはデフォルトのままの権限ではなく呼び出しだけなど400番代の権限に設定しましょう。

defineで定義されている定数のファイルの事です。

余談ですが定数として定義されているファイルは大まかにですがconfig.phpやconst.phpと言うファイル名が多いです。

特定されにくいパスワードを使う

誕生日や名前など忘れないように付けてる方も多いと思いますがなるべく分かりずらいパスワードを設定しましょう。

ランダムの英数字が一般的です。

ユーザー名もadminやrootなどに設定するのもやめましょう。

ランダム文字列生成

<?php

    $rand = md5(uniqid(rand(), true));
    echo $rand;

WordPress自動インストールを利用しない

WordPressはダウンロードしてFTPサーバーにあげれば機能するので自分でアップロードするのがお勧めです。

アップロードする際にwp-config.phpの権限を400番台に設定するのをお忘れなく。

wp-config.phpでデータベース名、ユーザー名、パスワード、ホスト名などもデフォルトのままではなく設定するのもセキュリティー強化に繋がります。

定期的にバックアップを取る

ファイルを変更したり、記事を更新したり、画像などアップロードした際には必ずバックアップを取りましょう。

私はローカルに1つとサーバーに1つでバックアップを取っていますが1つでもバックアップがあれば大丈夫でしょう。

なにか何か問題が起きた際前の状態に戻す事がなにより重要です。