「HTML/CSS」カテゴリーアーカイブ

HTMLおよびCSSに関するカテゴリーです。

JavaScriptでHTML5の<video>を操作する方法

HTML5で追加された<video>タグを使うと簡単に動画を表示することができます。

<video id="video" src="video.mp4"></video>

標準では再生や一時停止などを行う操作パネルが表示されていませんが、controlsを追加することで、操作パネルを表示することもできます。

<video id="video" src="video.mp4" controls></video>

この<video>をJavaScriptから操作したい場合は次のような感じで実装できます。

var element = document.getElementsById('video');
element.play();

var element = document.getElementsById('video');
element.pause();

他、特定の位置にシークしたり、ボリュームを調整したりといった操作もJavaScriptからできるようになっています。詳細はリンク先などを確認してみてください。

改行したくない場合はCSSにwhite-space: nowrapと記載するとよいそうです。

style="width: 5em"

あいうえおかきくけこさしすせそ

style="width: 5em; white-space: nowrap"

あいうえおかきくけこさしすせそ

Apacheで.htaccessを使って日本語文字列を含むURLをリダイレクトしたい場合は次のような方法があるみたいです。

リダイレクトしたい文字列をそのまま日本語で書きます。
.htaccessのファイルはUTF-8にしておくのがよいと思います。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^/日本語/$ /英語/ [R=301,L]
</IfModule>

\記号によるエスケープとNEオプションを使って次のような感じで記述します。

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^/日本語/$ /\%E8\%8B\%B1\%E8\%AA\%9E/ [NE,R=301,L]
</IfModule>

どちらの方法を使っても結果は同じですので、使いやす方を試してみてください。