javascript - Wysihtml5和iframe视频的问题

标签 javascript iframe video youtube wysihtml5

我一直在尝试使用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/

相关文章:

javascript - 链接到 asp.net 中 javascript 提示中的另一个页面

JavaScript:加载空 iframe 时获取通知

JavaScript:检测来自 iframe 的源更改

Android:视频录制抛出错误

android - 视频突然停止从 Youtube API 播放

android - FFmpeg 去除视频旋转信息

javascript - 循环改变变量

javascript - javascript 中的 "++"和 "+="有区别吗?

javascript - django csv文件上传管理

javascript - 框架破坏者破坏者