Q&A
編集とはどういう動作を指しているのでしょうか？
###環境
windows/chrome/jquery/javascript/html
###問題
bodyにcontenteditable="true"(designMode)を指定してvideoタグをいれると編集できなくなります。どうすれば編集できるようになりますか？
imgタグなら問題なくうごきます。
※編集は文字を追加したり、動画を削除したりすることが目的です。
個人用の日記ソフトをつくっていて、それにつかう簡易リッチテキストエディタを作っているときにこの問題が発生しました
HTML/CSS/javascript
1<!DOCTYPE html> 2<html lang="ja" > 3<head> 4<meta charset="utf-8"> 5<script> 6 7</script> 8<style> 9video,img{ 10 width:80%; 11 border-style:solid; 12 border-width:1px; 13 border-color:rgb(177, 177, 177); 14} 15</style> 16</head> 17<body contenteditable="true"> 18 <video src="b.mp4" controls></video> 19<script> 20 21</script> 22</body> 23</html> 24 25
###プログラムを実行したときの動画(リンク)
クリックしたら動画にとびます
回答1件
0
直接の解決、原因などはわからないのですが
<body contenteditable="true"> <p> 可能 </p> <video src="b.mp4" controls>feaaff</video> <p> 可能 </p> </body>
pなどで囲んでやると編集できます。
videoで終わるのがいけないのかもしれません。
投稿2016/11/21 11:40
総合スコア2050
<p></p>のなかに文字が入っているので、編集できるのですが、<p>タグの中が空だと編集できなくなりました。
あなたの回答
tips
プレビュー
