视频的 Wysihtml5 和 iframe 问题答案

【问题标题】：Issue with Wysihtml5 and Iframe for videos视频的 Wysihtml5 和 iframe 问题
【发布时间】：2015-08-02 01:06:51
【问题描述】：

使用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>

我提交表单时日志中的输出是：

“文本”=>“
”

其中“文本”是我的数据库中的列名

【问题讨论】：

标签： javascript iframe video youtube wysihtml5

【解决方案1】：

我想出了一个解决办法：

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

【讨论】：