ladybirdweb / faveo-helpdesk

Faveo Open source ticketing system build on Laravel framework
https://www.faveohelpdesk.com/online-demo/
Open Software License 3.0
1.15k stars 564 forks source link

Embed Video #70

Open c0fe opened 8 years ago

c0fe commented 8 years ago

Are you able to embed local tutorial videos that would show up as HTML5 within the knowledgebase?

vijaysebastian commented 8 years ago

For more clarification, may i know that do you want to upload a video in system and play in front end or youtube link ?

mathieu-aubin commented 8 years ago

Hi, have you tried anything to see if it was possible? If so, what did you try Thanks

mathieu-aubin commented 8 years ago

My suggestion (i don't know if it will work but worth a try!!)

Add the Bootstrap framework CSS and JS to Faveo's html template so they are loaded when the site is displayed.

Then refer to this Bootstrap example and add the proper html code to your KB - if you can display html code, you should be able to get this to work.

Cheers

Bootstrap cdn, from Bootstrap's main site:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

Again from Bootstrap's main site:

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>
vijaysebastian commented 8 years ago

If you are using iframe in editor it will show the video

For example <iframe width="560" height="315" src="https://www.youtube.com/embed/GNuHve7iGnU" frameborder="0" allowfullscreen></iframe>

This is working

bhanu2217 commented 8 years ago
c0fe commented 8 years ago

I am locally to upload the video in the system and have it played locally not using Youtube or any kind of other services. I am looking to upload these videos in .webm format.