VIDEOタグで表示した動画をドラッグ&ドロップでリサイズする方法がわかりません。
jqueryのresizableウィジェットを用いて実装しようと考えているのですがうまくいきません。
imgタグで画像を表示を表示した場合はうまくいきます。
jqueryはこちらのverを使用しています。
<link type="text/css" rel="stylesheet" href="jquery-ui-1.10.4.custom.min.css" /> <script type="text/javascript" src="jquery-3.0.0.min.js"></script> <script type="text/javascript" src="jquery-ui-1.10.4.custom.min.js"></script>
HTML
1<video id="myvideo" src="sample.mp4" controls width="400" height="300"> 2 </video> 3 4
$(function(){ $('#myvideo').resizable({ aspectRatio:true }); });
そもそもvideoタグにresizableが対応していないのでしょうか...?
改善点、この方法ではできないようであれば別の方法を教えていただきたいです。
よろしくおねがいいたします。
追記
div要素video_wrap,video_wrap_wrapをvideo要素と同サイズに設定し、video_wrap_wrapに対してresizableを行えば動画のみリサイズされるという認識でした。
div要素を2つ追加する点がよく理解できていません。
よろしくお願いいたします。
また、img要素ではリサイズできてvideo要素ではリサイズできないのはなぜでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/11 09:43