web-dev-qa-db-fra.com

Comment intégrer des vidéos de Google Drive à une page Web?

J'essaie de charger une vidéo sur une page Web et pour le code d'intégration YouTube, cela fonctionne. Cependant, lorsque je remplace le src dans le code par un lien Google Drive d'une vidéo (avec le partage activé), rien ne se produit. Je veux dire, il n'y a pas d'erreur mais son blanc. Pourquoi rien ne vient ici? Comment puis-je également télécharger cette vidéo Google Drive sur ma page Web? Je ne veux pas avoir à coller l'URL manuellement dans Chrome.

Cela ne fait rien:

<html>
<head>
</head>
<body>
<iframe width="100%" height="100%" src="https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/view?usp=sharing"></iframe>
</body>
</html>

La version YouTube fonctionne parfaitement:

<html>
<head>
</head>
<body>
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/UTt33udwRw0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Comment puis-je lire la vidéo de Google Drive sur ma page Web, comme la lecture de la vidéo YouTube? Si elle ne peut pas être directement intégrée - quelles alternatives peuvent être utilisées pour que la vidéo apparaisse - si le cadre ne fonctionne clairement pas, il doit y avoir des alternatives.

De plus, quelqu'un sait comment le faire jouer automatiquement?

Merci

javascripthtmliframeyoutube-apigoogle-drive-api
7
Dr Confuse

Vous devez utiliser l'option Google Drive Embed. Voici l'URL que vous recherchez: https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview

<html>
<head>
</head>
<body>
<iframe width="100%" height="100%" src="https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview"></iframe>
</body>
</html>

Vous pouvez activer la lecture automatique en ajoutant ?autoplay=1 à l'URL donc c'est maintenant https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview?autoplay=1.

17
robere2