スマホで撮影した動画を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 が お友達紹介割引 で申込みが可能になります。
コメント