- Thread Starter
- #16
I came across what can be definitely a solution for sending these Google Drive videos to fullscreen in iPAD: the use of the JWPLAYER to display them.
How To Host Blogger CSS and JavaScript Files in Google Drive | Helplogger
JW6 HTML5/Flash (JW Player 6 self-hosted) setup for Blogger.com and WordPress.
How to Play Google Drive Hosted Media Files in JWPlayer | Ilearnzone - Information and Tutorials
Can i play Google Drive videos with Jw-Player?
How to Use Google Drive as host of media files for JWPlayer | Blog của Yên
Basically, we need to
1) Create an account in JWPlayer's website, download the files for the free player (and write down our personal key);
2) In Google Drive, create a public folder (shared with anyone) and upload these files (including the jwplayer.js) there;
3) Edit the template of our blog and insert an entry like this:
<script src='Sign in - Google Accounts PATH where the jwplayer.js file is' type='text/javascript'/>
<script type='text/javascript'>jwplayer.key=OUR KEY;;/></script>
4) Create a public folder, upload a file to it, copy the public link and create a new blog post with the proper codes to display it.
I can't explain into details the steps 3 and 4, but these are simple. I haven't finished looking into this yet, because I am still looking if it's possible to do the same thing for MKV files. Based on this post, it looks like it is possible:
JW Player | play .mkv files
The code I inserted in a blog post was this:
**********
<div id="mediaspaceaaaa">Loading the player…</div>
<script type="text/javascript">
jwplayer("mediaspaceaaaa").setup({
file: "Sign in - Google Accounts",
image: "http://mywebsiteexample.com/movies/aaaa.jpg",
width: 640,
height: 480
});
</script>
**********
And it worked, I was able to go fullscreen in iPAD for the first time, for a Google Drive content.
However, there's a downside for this that explains another issue I was having: the inability of iPAD browsers to display subtitles in fullscreen mode.
I thought this was deliberate from Internet Archive and/or Google Drive, however JWPlayer (and I.A. seems to be using their player) says this:
JW Player | Adding Closed Captions
******
VTT captions are preferred, since they are part of the HTML5 standard. JW Player supports both formats across all browsers though, in both Flash and HTML5 mode. The only exception is playback in fullscreen on iOS, since the native fullscreen mode does not allow JW Player to print captions over the video. Since the iPhone can only display video in full screen, this means that sideloaded captions will not function on this device.
********
I still haven't been able to add any subtitle in non-fullscreen mode, but once this has been made possible, plus the possibility of playing diverse files (not only MP4's), I'll let all of you know.
My main goal was to play all of this in fullscreen mode with subtitles, however, if I can't do that, at least the fullscreen mode would be a huge achievement, meaning I won't have to use Google Drive app from Apple-Store everytime I want to play my files.
And by doing so, I could ditch Internet Archive for streaming my videos, considering their servers are a bit slower than Google's and they have the same limitations, minus the fullscreen mode that is possible with I.A. embedded videos.
How To Host Blogger CSS and JavaScript Files in Google Drive | Helplogger
JW6 HTML5/Flash (JW Player 6 self-hosted) setup for Blogger.com and WordPress.
How to Play Google Drive Hosted Media Files in JWPlayer | Ilearnzone - Information and Tutorials
Can i play Google Drive videos with Jw-Player?
How to Use Google Drive as host of media files for JWPlayer | Blog của Yên
Basically, we need to
1) Create an account in JWPlayer's website, download the files for the free player (and write down our personal key);
2) In Google Drive, create a public folder (shared with anyone) and upload these files (including the jwplayer.js) there;
3) Edit the template of our blog and insert an entry like this:
<script src='Sign in - Google Accounts PATH where the jwplayer.js file is' type='text/javascript'/>
<script type='text/javascript'>jwplayer.key=OUR KEY;;/></script>
4) Create a public folder, upload a file to it, copy the public link and create a new blog post with the proper codes to display it.
I can't explain into details the steps 3 and 4, but these are simple. I haven't finished looking into this yet, because I am still looking if it's possible to do the same thing for MKV files. Based on this post, it looks like it is possible:
JW Player | play .mkv files
The code I inserted in a blog post was this:
**********
<div id="mediaspaceaaaa">Loading the player…</div>
<script type="text/javascript">
jwplayer("mediaspaceaaaa").setup({
file: "Sign in - Google Accounts",
image: "http://mywebsiteexample.com/movies/aaaa.jpg",
width: 640,
height: 480
});
</script>
**********
And it worked, I was able to go fullscreen in iPAD for the first time, for a Google Drive content.
However, there's a downside for this that explains another issue I was having: the inability of iPAD browsers to display subtitles in fullscreen mode.
I thought this was deliberate from Internet Archive and/or Google Drive, however JWPlayer (and I.A. seems to be using their player) says this:
JW Player | Adding Closed Captions
******
VTT captions are preferred, since they are part of the HTML5 standard. JW Player supports both formats across all browsers though, in both Flash and HTML5 mode. The only exception is playback in fullscreen on iOS, since the native fullscreen mode does not allow JW Player to print captions over the video. Since the iPhone can only display video in full screen, this means that sideloaded captions will not function on this device.
********
I still haven't been able to add any subtitle in non-fullscreen mode, but once this has been made possible, plus the possibility of playing diverse files (not only MP4's), I'll let all of you know.
My main goal was to play all of this in fullscreen mode with subtitles, however, if I can't do that, at least the fullscreen mode would be a huge achievement, meaning I won't have to use Google Drive app from Apple-Store everytime I want to play my files.
And by doing so, I could ditch Internet Archive for streaming my videos, considering their servers are a bit slower than Google's and they have the same limitations, minus the fullscreen mode that is possible with I.A. embedded videos.