タグ

ブックマーク / cly7796.net (3)

  • microCMSを使ってみる

    製のヘッドレスCMS「microCMS」を使ってみます。 アカウント登録 まずはアカウントを作成します。 公式サイトにアクセスして、新規登録をクリックします。 メールアドレスとパスワードを入力して、アカウント登録します。 登録したメールアドレスに認証コードが送信されるので、そのコードを入力して登録完了です。 サービス登録 次にサービス情報を登録します。 サービス名とサービスIDを入力後、次へをクリックします。 サービスを識別しやすいように画像を設定します。 これでサービス登録が完了しました。 API作成 次にAPIを作成してみます。 今回はお知らせというコンテンツを作る想定で試してみます。 API名を「お知らせ」、エンドポイントは「news」としました。 APIの型を「リスト形式」と「オブジェクト形式」から選択します。 「リスト形式」はコンテンツ内容が複数になる場合、「オブジェクト形式

    microCMSを使ってみる
  • chromeでvideoのダウンロードリンクを非表示にする

    videoのcontrols属性を指定した際にchromeで表示されるダウンロードリンクを非表示にしているサイトを見かけたので、設定方法を調べてみました。 対応ブラウザ ダウンロードリンクの非表示の設定はcontrolslist属性で行うのですが、主要ブラウザで対応しているのはchromeとedge(Chromium版)のみのようです。 対応ブラウザはこちら 設定方法 controlslist属性の使い方についていくつか試してみます。 まずダウンロードリンクを非表示にするには、controlslistの値にnodownloadを設定すればOKです。 <video src="video.mp4" controls controlslist="nodownload"></video> デフォルトでは以下のような表示になっています。 設定後は以下のように非表示にできました。 controlsli

    chromeでvideoのダウンロードリンクを非表示にする
  • Mac Safariでvideoの自動再生ができない

    Safari 11からvideoタグのautoplayが効かなくなっているようだったので、いくつかデモを作って試してみました。 サンプルコード 確認はMac Safari のバージョン11.1.1 で行っています。 まずはvideoタグの属性にautoplayのみ付けてみます。 HTML <video src="movie.mp4" autoplay></video> 自動再生されませんでした。 autoplayのみのデモページ 次に、autoplayとcontrolsを付けてみます。 HTML <video src="movie.mp4" autoplay controls></video> クリックでは再生されますが、この場合も自動再生されませんでした。 autoplay + controlsのデモページ 次にautoplayとmutedを付けてみます。 HTML <video src

    Mac Safariでvideoの自動再生ができない
  • 1