-
Notifications
You must be signed in to change notification settings - Fork 0
Vimeo Event Example #10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Conversation
OneReality
commented
Apr 25, 2020
- added new vimeo event example.
- demonstrates how a vimeo event or media URL can be used instead of media ID.
- uses Fullscreen example as base
…a URL can be used instead of media ID. uses Fullscreen example as base
ptvandi
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey @OneReality, looks good. Just a few superficial changes. Do we want to create a fiddle for this and list it in the Vimeo README?
| const button = document.querySelector('#fullscreen-button'); | ||
|
|
||
| // Initialize the Vimeo Player. Use the Vimeo URL (Media or Event URL) | ||
| // NOTE - It is recommended you turn off the "Fullscreen" option for this video's embed on your Vimeo Dashboard under Video - Embed - Controls |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| // NOTE - It is recommended you turn off the "Fullscreen" option for this video's embed on your Vimeo Dashboard under Video - Embed - Controls | |
| // Note: It is recommended you turn off the "Fullscreen" option for this video's | |
| // embed in your Vimeo Dashboard (under Video > Embed > Controls). |
|
|
||
| // Initialize the Vimeo Player. Use the Vimeo URL (Media or Event URL) | ||
| // NOTE - It is recommended you turn off the "Fullscreen" option for this video's embed on your Vimeo Dashboard under Video - Embed - Controls | ||
| var options = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| var options = { | |
| const options = { |
| width:'100%' | ||
| }; | ||
|
|
||
| var player = new Vimeo.Player('vimeo-container', options); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| var player = new Vimeo.Player('vimeo-container', options); | |
| const player = new Vimeo.Player('vimeo-container', options); |
| player.ready().then(function() { | ||
| ptvsdk.start() | ||
| }); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| player.ready().then(function() { | |
| ptvsdk.start() | |
| }); | |
| player.ready().then(() => ptvsdk.start()); |
| // Find the Full Screen Button | ||
| const button = document.querySelector('#fullscreen-button'); | ||
|
|
||
| // Initialize the Vimeo Player. Use the Vimeo URL (Media or Event URL) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| // Initialize the Vimeo Player. Use the Vimeo URL (Media or Event URL) | |
| // Initialize the Vimeo Player. Use the Vimeo URL (Media or Event URL). |
| </div> | ||
|
|
||
| <script> | ||
| // Find the Full Screen Button |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| // Find the Full Screen Button | |
| // Find fullscreen button |
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>Vimeo Event FullScreen</title> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| <title>Vimeo Event FullScreen</title> | |
| <title>Vimeo Event Fullscreen</title> |