r4sas/webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity

RichTextProcessor can embed Youtube videos as iframe; Fix #149

Browse Source
This commit is contained in:
staltz 2014-03-22 23:30:44 +02:00
parent 4cf02d4184
commit c2647692df
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/css/app.css
View File

@ -1067,7 +1067,19 @@ div.im_message_video_thumb {
background-image: url(../img/icons/IconsetW_1x.png);
}
.im_message_iframe_video {
position: relative;
padding-bottom: 56.25%; // 16/9 ratio
height: 0;
overflow: hidden;
}
.im_message_iframe_video iframe, object, embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.im_message_document,
.im_message_audio,

7
app/js/services.js
View File

@ -2545,6 +2545,13 @@ angular.module('myApp.services', [])
}
// console.log(4, text, html);
var youtubeRegex = /(?:https?:\/\/)?(?:www\.)?youtu(?:|.be|be.com|.b)(?:\/v\/|\/watch\\?v=|e\/|\/watch(?:.+)v=)(.{11})(?:\&[^\s]*)?/;
if (!options.noLinks && youtubeRegex.test(text)) {
var videoID = youtubeRegex.exec(text)[1];
text = text + '<div class="im_message_iframe_video"><iframe type="text/html" frameborder="0" ' +
'src="http://www.youtube.com/embed/' + videoID +
'?autoplay=0&amp;"></iframe></div>';
}
return $sce.trustAs('html', text);
}