np00のWebサイト

動画を見たら、ログインはちょっと難しいので、動画を見たら、ログインページに移動するとか、ログインボタンが表示されるとかを調べてみた。

 

ありました。やり方が。

 

Javaスクリプトを使う方法とHTML5を使う方法があるんですね。

 

で、本当にできるか、挑戦。

 

１.まず、猫ちゃんを動画撮影をして、USB経由でPCに保存。

 

２.MP4の圧縮サイトで音を削除してサイズを圧縮(半分ぐらいになった）

 

３.参考サイトの内容をテキストエディタでコピペして、一部修正。
参考サイトは最後に記載しています。（他の記事も面白そうでした）

 

４.サイトにアップデート

 

でできたページが下記。

 

 

 

あれ、javaスクリプトの猫ちゃん見た後でページが表示が動画で動かない。
(ローカルだとうまくいくのだけど）

 

ま、とりあえず、また今度調査するか。

 

参考サイト
動画のファイルサイズをオンラインで小さくする
http://www.videosmaller.com/jp/

 

HTML5 で導入されたvideo要素で埋込んだ動画の再生が終わったら自動的に他のページに遷移させるための方法。
https://www.marguerite.jp/Nihongo/WWW/DHTML/HTML5Tips/MoveToNewPageAfterPlaybackOfTheVideo.html?pdxAMP=#

 

アニメーション終了後にサイトを表示させる方法
http://smile-design.bz/news_blog/2016/03/05/anai024/