videojs / videojs.com Goto Github PK

The Video.js Website

License: MIT License

JavaScript 31.57% MDX 68.43%

videojs.com's Introduction

Videojs.com

This is the repo for the videojs.com website, including our blog. It uses the Gatsby framework, so if you have questions about how things like the static rendering work, their documentation is a great place to start

Blog

Blog posts are written using mdx, a flavor of Markdown that allows you to include React components. Writing a new blog post is done by adding a new .mdx file in src/mdx-pages/blog with the correct metadata at the top. Moving forward, consider naming the file starting with the date to make organization a little easier long term.

---
title: This is an awesome post
tags:
  - news
  - stats
author:
  name: Matt McClure
  github: mmcc
alias:
  - post/wow-neat-what-a-post
date: 2040-01-01 00:00:00
---

Wow this is a really great post. Such thought leadership.

Running it locally

Check out the repo locally, then npm install and off you go!

$ git clone https://github.com/videojs/videojs.com
$ cd videojs.com
$ npm install
$ npm run develop

If all went according to plan, you should now be able to visit the website at http://localhost:8000

videojs.com's People

Contributors

Stargazers

Watchers

Forkers

kublaj mmcc sarahmustafa madhavim jpatey edj-boston apo-j libertycoverage andrewlumby waynewesley seco jesusmx1530 uturnui alexander-kim faroncoder burningtongue liufeihong bs91 forbesjo yurast dconnolly dmlap ajayanandgit andrei3008 undrey1 phamthaithinh ictasolutions paladox hoanglehuu mister-ben zoranmil owenedwards kleopatra999 jsanford8 misteroneill npmcdn-to-unpkg-bot jondahl cowinkkeydinkinc a382695908 mario025 vjee-book gesinger paojiao rashiqulrony huoyijie xuekaiwei homary louaykhelifi yechielconnectik featurepeek cccties dylanjha linewei tombyrer aadiarena luxiangxiong jjmachom mo79571830 forkpool isabella232 romankp omcsesz cs-joy tryweirdier mplayer78 minkyngkm willer-613 vlad2689 ntnyq-dev usmanonazim nguyennx1399 philjhale kdeggelman barlock yardapestr amtins bzizmo negalo11 zakarygates

videojs.com's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

links are too faint

https://videojs.com/getting-started/

Add script to delete all files in bucket when deploying

This is how deploy should work, but especially needed because we have leftovers from the old site.
http://www.videojs.com/docs/api/

There's not a simple way to delete all files in a bucket that I've found. It requires you to get every file in a bucket and loop through them, deleting each one.

Adding plugin to http://videojs.com/plugins/

I've added to my package.json keyword videojs-plugin and published plugin on npm but it's not showing on new plugin page. Should I do something else?

New website mockup and graphics files

docs/api: add info to 'trigger' method

Hi! No component in docs api contain a notice about trigger('event'), that without parameter { bubbles: true } events doesnt bubbling. Please, add this.

Show the control bar while editing

Click play
Start to edit
Control bar disappears

Instead, as soon as someone interacts with the customization controls, we should force the control bar to stay visible.

wrong attribution

https://videojs.com/getting-started/

By default, we bundle Video.js with Mozilla's excellent VTT.js

Should meson you bundle a fork, not the original.

modernize docs

I find several references to videojs-contrib-hls, which is outdated.
When the repo is directly linked to:
https://docs.videojs.com/tutorial-tech_.html
It should link instead to:
https://github.com/videojs/http-streaming

HTML5 video support page linked to in sample code returns 404 not found

The sample code provided on the Getting Started page for integrating VideoJS includes a link to https://videojs.com/html5-video-support/ for users who don't have JS enabled and/or are using a browser that does not support HTML5 video: https://videojs.com/getting-started

Unfortunately, this link appears to return a 404 not found message on videojs.com when I try to access it via Chrome Version 78.0.3904.97 on Windows 10:

I discovered this because the CI for my personal website checks if any external links on my site are broken each week, and the build has been failing due to this issue: https://travis-ci.org/kevincon/kevintechnology.com/builds/615491436

Finish homepage content

Help & Support Page

Create a new help and support page that includes a decision matrix for where / what to ask. Add wiki page to VJS repo, then link from the header.

Navigate to customize from docs page (Pron marketing).

http://docs.videojs.com/

http://videosj.com/getting-started/#customize

The "Getting Started" Link should point to the minified version

The code snippet at https://videojs.com/getting-started/#videojs-cdn uses https://vjs.zencdn.net/7.10.2/video.js as the videojs file. Why isn't the minifed version linked instead https://vjs.zencdn.net/7.10.2/video.min.js

VideoJS ruins web sound on iOS

Release process

~~Make PR against 5.0 branch~~
1. Make 5.0 branch master
~~Merge PR into 5.0 branch~~
Make PR against master branch
Merge PR into master
Merge master branch into gh-pages
Run grunt dist
Run git add -A
Run git commit -m "update dist"
Run git push origin gh-pages

Create new plugin publishing guide

Add a note to the wiki for new people publishing plugins
Update yeoman plugin generator

Create homepage player

We want to do a sweet overlay on top of the player on the Videojs.com homepage. You can see the screenshot in #20, but that's pretty much the gist of it. You'll have access to Font Awesome icons for the Star + Twitter icons, and you can use the videojs-overlay plugin to do it. I assume it should hide on play, show on pause, etc.

Homepage "customize me" styles need to be scoped

From: videojs/video.js#750

Hi,

I used "Customize Me:" on the homepage to change some colors which then generated the following override snippet:

.vjs-play-progress, .vjs-volume-level { background-color: #cc6697 }
But this didn't work for me until I manually added the default-skin namespace:

.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background-color: #cc6697 }
Not sure if this is just some quirk of my setup or a more general issue...?

cc: @mmcc

Create Downloads page; or change navigation link to Download

Currently "Downloads" in the navigation makes me expect a page where I can download source from, but instead the link immediately starts to download a zip. Seems like this should either be changed to the verb "Download" or be an actual page that lists "Downloads".

Create a redirect for /docs files

After we delete the leftover docs files, we need to redirect them to the github docs. mchristopher says we could do this by adding an error html file under /docs that catches all errors and redirects them to /docs.

Lack of visual indication of keyboard focus on some elements

Some elements which receive keyboard focus (such as the Brightcove logo on the home page) do not display a focus outline.

Double check on sites used

Looks like Vine may have switched to using MediaElement's SWF instead of Video.js. Double check that (and others while we're at it).

The GitHub icon link in the navigation bar does not have a text label for screen readers

This line:

https://github.com/videojs/videojs.com/blob/master/_harp/_nav.ejs#L19

inserts the GitHub icon on the right side of the navigation bar, with a link to https://github.com/videojs/video.js. But the link is unlabeled for screen reader users, so, for example, JAWS announces it as "videojs/video.js" (based on the link).

Recommend that something like aria-label="Video.js on GitHub" be added to the link element.

Player not Working in IE9

Hi,
the player is not working in IE9 on Windows 7. I'm using the v4.12.15 video.js from the cdn, but even on your website the error occurs:
SCRIPT16385: Not implemented
video.js, line 133 character 433
SCRIPT5007: Unable to get value of the property 'parse': object is null or undefined
video.js, line 62 character 84

Could anyone please help? The link to my project is: http://projekte.lemonhead.de/u4-anim/ but at the moment the player is not even loading with the error.
I am using the player already in a customers project and it is necessary that it wors on IE9 and IE8 as well...

regards, lemonhead

Create a baseline profile version of the oceans video

Video's not playing on the iPhone 3GS.

re: videojs/video.js#804

Change dowload link to Release page.

Hi! As I see, latest release is 4.12.7, but on the videojs.com Download link point to old version of VJS. Maybe we could change this link to https://github.com/videojs/video.js/releases/latest so when the stable release will be released on github, users can immediately download latest release from the main site w/o waiting?!

This is reminder issue from videojs/video.js#2178 and must be placed in this repo. See videojs/video.js#2178 (comment)

Captions Settings not show in Chrome

Captions Settings show in Firefox but not show in Chrome.

Videojs.com fails HTML validator because of missing </a> after Dropbox.com link

Yeah, I know, this is really persnickety, but I was checking the www.videojs.com site for accessibility issues and noticed this HTML validation error:

https://validator.w3.org/nu/?doc=http%3A%2F%2Fvideojs.com%2F

Error: Unclosed element a.
<li><a href="http://dropbox.com" target="_blank"><img src="/img/company-logos/dropbox.png" alt="Dropbox"></li>

There's a missing </a>, and because of it the rest of the page can't be validated. I'll create a PR to fix this minor issue if someone can explain to me what branch of this repo corresponds to that site?

Remove vine from sites using video.js

I just noticed they’re not using video.js anymore so the logo should be removed.

Add video.js documentation to the website

Add video.js docs to the site so their more searchable and more integrated.

See videojs/video.js#2005 for the original issue.

Their is a great Getting Started guide on the readme. Awesome.
Their is a few guides for everything that we need on GitHub. Awesome.
We don't need that much documentation. VJS is simple.

Where VJS fall short is on making that documentation a little bit easier to find and navigate. I think we could do a much better user experience if we had those same guides within videojs.com (mainly the navigation). We can generate them from the markdown files already in GitHub.

fluxible at Yahoo is doing an awesome job with that and maybe we could build something similar for VJS. Everything you see there is from a markdown file on GitHub.

Not a game changer but a nice-to-have that I'm sure a lot of people would love.

getting-started page uses wrong example code

The first example on https://videojs.com/getting-started/ uses data-setup="{}" in the code example. That should be single quotes as stated in https://docs.videojs.com/tutorial-setup.html#automatic-setup.

The used https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js file also returns a 403 (access denied) when used.

Option to load a source in the preview player

Now that HLS/DASH support is built into video.js it might be worth allowing users to load a custom source into the demo player

Document playbackRates

The Video.js Options Reference should mention the option playbackRates and how to use it. I only found out about it because of this StackOverflow post. (FWIW, I wrote and shared a now-very-old plugin video-speed.js which may have inspired this feature. Very happy to find this included in the modern base video.js!)

Accessibility issue with image tag

All images conveying an information should have alt attributes to improve accessibility to the temporarily dissabled user

The video in home screen is not playing on iPad , iPhone

Im wondering about the support of video.js V.4 over iPad ,iPhone or over common touch devices.Its currently opening with default player in device.

Why use --save-dev flag to install video.js?

The documentation doesn't explain why the --save-dev flag is used instead of normal install. If this is going to be on the final project output then it should be in the dependencies and not on deveDependencies or there is some reason you recommend this?