我一直在尝试使用https://github.com/xing/wysihtml5的wysihtml5,尝试添加一种自定义方式来添加视频。我尝试了https://github.com/arvigeus/bootstrap3-wysihtml5/blob/master/src/bootstrap3-wysihtml5.js的实现,但是当我目前遇到2个问题时。
1)拒绝在帧中显示'https://www.youtube.com/watch?v=OOHYCZLmbyc',因为它将'X-Frame-Options'设置为'SAMEORIGIN'。
2)当我提交表格时,该零件将被忽略。
当我将iframe嵌入到textarea中时,输出为:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=LzWmhO4zw7M" allowfullscreen="">
#document
<html>
<head>
</head>
</html>
</iframe>
</div>
提交表单时,日志中的输出为:
“文本” =>“”
其中“文本”是我数据库中的列名
最佳答案
我想出了一个解决办法:
1)在“/ watch”之前添加“/ v”解决了这个问题
我添加了一个脚本,用于更改以下网址:
https://www.youtube.com/watch?v=OOHYCZLmbyc
至
https://www.youtube.com/v/watch?v=OOHYCZLmbyc
在我的上下文中,我添加了以下内容:
video.src = src["src"].replace("://www.youtube.com/watch", "://www.youtube.com/v/watch")
2)我找到了一个关于stackoverflow的解决方案,建议修改wyshtml5脚本中的一行,使其忽略解析器:
在此处查看解决方案:https://stackoverflow.com/a/17175438/834161
关于javascript - Wysihtml5和iframe视频的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30355530/