Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-22 20:19:21 +00:00
Code Issues Projects Releases Wiki Activity

Block YouTube video by default

Browse Source
This commit is contained in:
Pierre HUBERT 2019-02-23 19:08:34 +01:00
parent d9fe86d160
commit 2e07945994
3 changed files with 63 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/common/global.css
View File

@ -25,6 +25,10 @@ a {
color: #72afd2;
}
.cursor-pointer {
cursor: pointer;
}
/**
* Sceditor iframe
*/

14
assets/css/components/posts/ui.css
View File

@ -63,6 +63,20 @@
text-align: center;
}
.post .post-youtube.post-youtube-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
background-color: #3c8dbc;
color: white;
border-radius: 5px;
}
.post .post-youtube.post-youtube-placeholder .title {
font-size: 150%;
}
.post .post-youtube {
width: 100%;
height: 300px;

54
assets/js/components/posts/ui.js
View File

@ -424,17 +424,53 @@ ComunicWeb.components.posts.ui = {
//In case of YouTube video
else if(info.kind == "youtube"){
//Create iframe
var youtube_iframe = createElem2({
//Create frame placeholder
var youtube_placeholder = createElem2({
appendTo: postRoot,
type: "iframe",
class: "post-youtube",
src: "https://www.youtube-nocookie.com/embed/"+info.file_path+"?rel=0"
type: "div",
class: "post-youtube post-youtube-placeholder"
});
//Title
createElem2({
appendTo: youtube_placeholder,
type: "div",
class: "title",
innerHTML: "<i class='fa fa-youtube-play'></i> YouTube Movie"
});
createElem2({
appendTo: youtube_placeholder,
type: "a",
class: "btn btn-default",
innerHTML: "Open on YouTube",
href: "https://youtube.com/watch?v=" + info.file_path,
}).target = "_blank";
var openHere = createElem2({
appendTo: youtube_placeholder,
type: "div",
class: "cursor-pointer",
innerHTML: "Open here"
});
openHere.addEventListener("click", function(){
//Create iframe
var youtube_iframe = createElem2({
insertBefore: youtube_placeholder,
type: "iframe",
class: "post-youtube",
src: "https://www.youtube-nocookie.com/embed/"+info.file_path+"?rel=0"
});
youtube_iframe.setAttribute("frameborder", 0);
youtube_iframe.setAttribute("gesture", "media");
youtube_iframe.setAttribute("allow", "encrypted-media");
youtube_iframe.setAttribute("allowfullscreen", "");
youtube_placeholder.remove();
});
youtube_iframe.setAttribute("frameborder", 0);
youtube_iframe.setAttribute("gesture", "media");
youtube_iframe.setAttribute("allow", "encrypted-media");
youtube_iframe.setAttribute("allowfullscreen", "");
}