hi, thanks for the code, (yes i was using <>)

your code worked..... so why did it work? you only removed the "?rel=0"  why would that make a difference?

does zendesk not allow the related videos to play?

Not sure why it worked but I got the following code by going to YouTube and then clicking the "Share" button.  It gave me the code above.  Glad it worked.

Hi 

I am just wondering where you uploaded your video to ? 

@Andrew - we upload or videos to one of our internal servers

Want to spruce up those "help" articles? What better way to do so than with an accompanying video. And this shows you how--in two easy steps, no less. Good luck.

We used the YouTube embed script but were disappointed that we couldn't get a nice thumbnail showing.

By inserting _class="youtubeframe" _to the YouTube embed code like so

_<iframe class="youtubeframe" _...

We now have the YouTube previews that we wanted.

@Ryan - Thanks for the tip as I'm sure it will come in handy with others posting youtube videos.

Hi everyone.  We use Brightcove to host all of our video assets.  Is there a way to use their embed code to have a video show up in one of our articles?

Hi Tim - If they give you embed code then just select the "View Source" which the last button on the editor and copy and paste the code into there.  If all goes well then you should see the video.  Let me know if this helps.

Note: Before you can embed videos in your articles, you must  enable unsafe HTML in pages. 

@Wes thanks for the quick reply.  Unfortunately that is not working for us.  We tried those exact steps before I posted the question.  Any other thoughts?

@Tim - Sorry but I'm not familiar with Brightcove.  Did you try to change the link to https: as I've seen where sometimes Zendesk will not allow non-secure content.

This is not working, I think I did all the steps right but the video isn't appearing live on the page. It does appear in the editor though.

http://screencast.com/t/xmp6Xsam

https://curryprograms.zendesk.com/hc/en-us/sections/200685364-Miscellaneous-Listing-Funnels-Questions

@Charles - Did you make sure to   enable unsafe HTML in pages. This will not work unless this is enabled.

Hi Wes,

I'm trying to get the video label showing in my article title but it doesn't seem to be working. I've copied all the codes in place and added the "Video:" tag in my title. Anything else I could try? Thanks!

@Manuel - Are you trying to add a video to your article or are you referring to a different set of code that I wrote that shows icons next to the article titles.

Yes,  I’m referring to the set of code you wrote that shows icons next to the article titles. Thanks

@Manuel - Remove any CSS/JS code that you have added.  Make sure you call the FontAwsome CDN inside of your document head and then add the following code:

https://gist.github.com/moderatorwes/9f20dabd77e4257887a9

For the title of your article call it Video: Title goes here.

The code searches for video: and then hides it from the end user view and then adds the icon beside it.  Give this a try and let me know if you run into further issues.

ok thanks Wes! This is the code I have in my document head:

<!-- Font Awesome -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Can you tell me how to modify it?

Thank you.

M.

@Manuel - Just needs updating to the newest version.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

After that copy the CSS code to your CSS tab, then copy the JS code to your JS tab and paste it below the $document.ready function

https://gist.github.com/moderatorwes/9f20dabd77e4257887a9

Ok so I think I did everything but the Video: tag still won't be replaced by the icon. Here are 3 screenshots of my document head, css and JS tabs:

https://www.dropbox.com/s/3ycmpseol54zgfs/Screenshot%202015-02-25%2013.29.37.png?dl=0

https://www.dropbox.com/s/4dkjag6ngyn4zwb/Screenshot%202015-02-25%2013.29.16.png?dl=0

https://www.dropbox.com/s/ng5ik1d5yydumzc/Screenshot%202015-02-25%2013.26.20.png?dl=0

Is there anything wrong?

@Manuel - I don't think your JS is getting called.  I see you copied the JS to the end of the file which is causing the issue.  Remove what you have and paste it right up under the $document.ready

Yep, working just fine now. Thanks!

https://www.dropbox.com/s/k4uxyw1n51w6now/Screenshot%202015-02-25%2013.45.43.png?dl=0

@Manuel - Awesome, good to hear.  You can use any icon that you like by finding the icon here: 

http://fortawesome.github.io/Font-Awesome/icons/

Click on the icon you want and right below the icon you will see 

Unicode: f03d

Take that code f03d and plug it into your CSS:

content: "\f1c8";

You can also adjust the color which is the next line down.

Thanks, I already changed it for the video camera!

https://www.dropbox.com/s/t9h7b67v0ucsf6m/Screenshot%202015-02-25%2014.23.49.png?dl=0

And what about if I wanted to be able to use more than one icon with other tag words? What would I have to do?