Как воспроизвести видео с Google Drive с помощью JavaScript?

Это не работает, как я могу это сделать?

http://fiddle.jshell.net/gt4otyfk/1/

<script type="text/javascript">
    $(function(){
        var video = $("#video").get(0);
        video.controls = true;
        $("#play").click(function() {
            video.play();
        });
    });
</script>
1
mongkon mamiw 4 Апр 2017 в 20:42

2 ответа

Лучший ответ

Google предоставляет некоторые GET-параметры, такие как export и id, с помощью google-drive:

?export=download&id=YOUR_LONG_VIDEO_ID

Чтобы дать вам возможность вставить загруженное видео в HTML5-видео-тег.

Это должно работать:

$("#play").click(function() {
   $("#video")[0].play();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="play" style="margin-top: 300px;">Play</button>

<video id="video" width="320" height="240" controls>
   <source src="https://drive.google.com/uc?export=download&id=0B8-qLYDzDfCyRF9vOE9sWmx5YjA" type='video/mp4'>
   Your browser does not support the video tag.
</video> 

Просто нажмите кнопку «Run code snippet», чтобы запустить этот пример. Надеюсь это поможет.

0
Blauharley 6 Апр 2017 в 11:00

Просто используйте ссылку предварительного просмотра, которую вы видите в своем URL, когда вы открываете / воспроизводите видео с вашего Google Диска: обязательно включите

sandbox = "allow-same-origin-allow-scripts allow-popups allow-формы"

  <body>
       <iframe sandbox="allow-same-origin allow-scripts allow-popups allow-forms" width="560" height="315" src="https://drive.google.com/file/d/0Bzgk4zccNwI7QkNZRnpBdExHOUk/preview?autoplay=1" frameborder="0" allowfullscreen></iframe>​
  </body>

Получил это работает:

enter image description here

0
noogui 6 Апр 2017 в 02:20