问题与Wysihtml5和Iframe视频
Issue with Wysihtml5 and Iframe for videos
使用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的输出是:
<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>
当我提交表单时,日志中的输出是:
"文本" => "
"
其中"text"是我的数据库中的列名
我想出了一个解决办法:
1)在"/watch"之前添加"/v"解决了这个问题
我添加了一个脚本来改变url:
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
相关文章:
- 我如何才能包含一个iframe视频,这样它就不会't负载
- 如何在我的幻灯片上设置iframe视频
- Iframe视频(Youtube)滑动
- 单击链接时播放iframe视频
- 如何禁用HTML5 YouTube iframe视频的上下文菜单
- 使用youtube API中的按钮播放和暂停iframe视频
- iframe视频显示不正确
- 在JavaScript中隐藏/显示-停止播放YouTube iframe视频
- 如何锚定iframe视频播放器的底部,左侧和右侧的位置?HTML5和Javascript
- 使用ng-bind-html从Angular Array中生成Iframe视频
- 在youtube上启用全屏iframe视频
- 替换youtube嵌入iframe视频ID - Javascript
- 使用YouTubes JS API和Reactjs渲染iFrame视频
- 当退出模态窗口时停止播放iframe视频
- 多个iframe视频同时运行一个
- 获得Facebook嵌入的iframe视频和帖子高度
- Youtube iframe视频播放/静音按钮.还可在单击播放/静音时切换图像
- jquery/js停止在加载时播放iframe视频
- 如何获得华丽的弹出窗口以在一个动态库中显示图像和 iframe 视频
- 离子幻灯片盒 - 如何在离子幻灯片中滑动全宽iframe视频