スマホで動画の再生ページの作成

スマホで撮影した動画をHPで投稿するときに簡単なやり方。
スマホで見る前提。

<index.html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>SAMPLE</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1>Welcome!</h1>
<p>お題</p>

<div class="vid_contents">
<video class="vid_main" src="xxxx.mp4" controls></video>
</div>

</body>
</html>

<style.css>

div.vid_contents {
width: 100%;
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;
background: #e8e8e8;/*余白の背景色*/
}
video.vid_main {
width: 100%;
}

LINE で 外部ブラウザで強制的に開く

LINEでURLを送ると、LINE内部のブラウザが優先的に利用される。Basic認証等ができなかったり、動画の再生に制限が出たりする。
その時は、URLに ?openExternalBrowser=1 を追加して送る。
<サンプル>

https://www.knaga.click/xxx/index.html?openExternalBrowser=1
Xserver が お友達紹介割引 で申込みが可能になります。

コメント

タイトルとURLをコピーしました