動画を公開しようと考えているのですが、1つではなく
4つの動画をスライドショーで自動切換えさせながら
クリックをすると該当の動画が再生され、動画が終了すると
もとのスライドショーに戻る、というのを作成したいと考えています。
いろいろと検索をしましたが、なかなか思うような結果が得られずとまっています。
ご存知の方おられましたら、どうがよろしくお願いいたします。
参考としたサイトは
http://creative.staff.mynavi.jp/haken/feature/webtech/0002.html
となります。
私が書いたコードは
<body> <div id="playList"> <p style="cursor:pointer" onClick="clickfunc(262);">ユース社員1</p> <p style="cursor:pointer" onClick="clickfunc(265);">男子社員1</p> <p style="cursor:pointer" onClick="clickfunc(263);">ユース社員2</p> <p style="cursor:pointer" onClick="clickfunc(264);">男子社員2</p> </div> <div id="video"> <video width="160" height="120" controls autobuffer> <p>このブラウザでは対応しておりません。IE9/Forefox/Chrome/Safari等をご利用ください。</p> <source src="http://dogo459.com/csm_movie/douga/1/free/1_free_262.mp4"> </video> </div> <!--#include virtual="/ssi/remark.html"--> </body>
と
<script type="text/javascript" src="jquery-1.7.1.js"></script> <script type="text/javascript"> function clickfunc(value) { var tag = '<video width="160" height="120" controls autobuffer><p>このブラウザでは対応しておりません。IE9/Forefox/Chrome/Safari等をご利用ください。</p>'; tag += '<source src="http://dogo459.com/csm_movie/douga/1/free/1_free' + value + '.mp4">'; $("#video").html(tag); } </script> コード
となります。
正直素人で見よう見まねでやってます。
基本的なところが間違っているかもしれませんが
よろしくお願いいたします。
スライドショーのようにして、クリックして該当の動画が再生、という風にしたいのですが、
同様の方法を書いたものが見つからず、プレイリストであれば上記のサイトがありましたので
やってみようかと考えました。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー