I'm using a code to embed video from Google Drive. It works perfect when I'm watching on desktop. But, when I'm trying to watch the same video on my smartphone, it never starts.
Here is my code:
<iframe class="embed-responsive-item" src="https://drive.google.com/file/d/0B1MJDhOwhGWOaTZSYzM4ZkRPZDQ/view?autoplay=1 scrolling="no" border="1" bordercolor="red" width="640" height="480" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">
</iframe>
Is there any solution for me?
You will have no issue if you use "request Desktop site version" from your mobile browser, to see the video. It worked for me.
Instead of /view?autoplay=1 on the video link, just use /preview
For some reason, Google or Android limit the video streaming functionality.
The other way around, would be to store the video in another platform.
I know this post is old but I stumbled upon this problem just now and I couldn't find any google provided solution. As a workaround, I compressed the video the most I could and placed in the HTML as a video with the source from google cloud:
<video width="100%" height="300px" controls>
<source src="https://drive.google.com/uc?id=VIDEO_ID&export=download&authuser=0"
type="video/mp4">
</video>
Keep in mind that the video has to be public for it to w
Now it works on desktop or on mobile, The only issue is that you sacrifice the google drive embedded controls like quality and captions obviously...
Related
I have a video page on my website which is linked to my google drive via the following code:
I am using google drive instead of YouTube, due to copyright issues with music.
The video links work fine on desktop (even though I don't like the idea of clicking twice on file). It used to work on mobile but doesn't now. Is there a way around this to work on mobile please?
Code:
<iframe style="align src="https://drive.google.com/file/d/1YjBhWH4scLK4B-yR_fUXeJehUmtlFoFJ/preview" width="400" height="300" allowfullscreen="allowfullscreen"></iframe>
Thanks
Bini
Check if the attribute in your iframe are valid and compatible with for the iOS and safari version
you can use: http://validator.w3.org
I was able to get this to play after disabling cross-site tracking prevention under Safari > Preferences > Privacy.
It seems to be related to ITP and cross-site tracking prevention.
Use this method. Replace "videoID" at the end of the url.
<video controls>
<source src="https://drive.google.com/uc?export=download&id=videoID" type='video/mp4'>
</video>
googles just updated there "Autoplay Policy Changes" but I want to implement a muted auto-playing Vimeo background video and after reading the article I believed adding the following to the iframe would work.
chrome version: 68
allow="autoplay; fullscreen"
but no luck and I'm not sure what else to try other then the JS API which i don't even know if it will make a difference.
<iframe src="https://player.vimeo.com/video/265188275?autoplay=1&loop=1&autopause=false&byline=false&title=false&byline=false&frameborder=0" allow="autoplay; fullscreen">
thanks in advance for any helpful advice.
If you're using the Vimeo embedded iframe player as a background video, you should use the embed code with the background parameter instead of the autoplay and loop parameters:
<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
The background parameter will hide all player buttons and elements (play/pause, playbar, title, byline, etc.), loop the video, autoplay the video, and mute the video. That last part is important - by default, Chrome will always allow muted videos to autoplay. For videos to autoplay with audio turned on, Chrome uses a "Media Engagement Index" to determine if the viewer actually wants or expects video with audio to autoplay when navigating to your page. That whole process is documented by Google here: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
The background parameter of the Vimeo Player is documented here: https://help.vimeo.com/hc/en-us/articles/115011183028-Embedding-background-videos
My code for a simple video streaming web page is given below. On Firefox the error that it gives is:
No video with supported format and MIME type found
The code is:
<video width="320" height="240" controls>
<source src="http://www.youtube.com/watch?v=zY1vLEk8B9c" type="video/mp4" />
</video>
On trying it with chrome the play button does not turn up.
I am new to web development and do not know where I am going wrong. What should I do to get the video running?
you don't need to make a special code
YouTube give you on every video, a link named share.
under that link you will find another link named embed
for example: in your question under the link embed
you will find the following code to use it in your page:
<iframe width="640" height="360" src="//www.youtube.com/embed/zY1vLEk8B9c" frameborder="0" allowfullscreen></iframe>
my best wishes
I have taken the following iframe code for the youtube video from the youtube itself.
<iframe width=”560? height=”315? src=”http://www.youtube.com/embed/V3oJR5IAMxM” frameborder=”0? allowfullscreen></iframe>
But when i try to embed this video on simple web-page inside a div element. I can see the you-tube player in the web page.But the video is not loading in my webpage. But the same video is playing for me in youtube.
Can someone tell what might be the problem,..
Is the problem with a code or with the browser, i am using mozilla 13.
HiTbmBizz,
Try this instead,
<iframe width="640" height="360" src="http://www.youtube.com/embed/V3oJR5IAMxM?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
Worked for me in HTMLSandbox if you want to test.
Let me know how it goes.
How do I play a YouTube video in HTML5?
This is probably what you're looking for:
Force HTML5 youtube video
HTML5 video may play if the user has opted in:
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> </iframe>
HTML5-by-defualt video - notice the ?html5=1:
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID?html5=1" frameborder="0"> </iframe>
The "HTML5" way of doing video would be to use a <video> tag. This post shows that it can be done, but it doesn't look like the best option. Show Youtube video source into HTML5 video tag?
You can also take a look how YouTube does it, opt in at: http://www.youtube.com/html5
If you're using safari, there's an YouTube5 extension that will make all youtube videos into html5 videos.
http://www.verticalforest.com/2010/06/09/youtube5-html5-converter-for-youtube-videos/
Supports videos that youtube does not (videos with ads etc)
You can embed videos effortlessly by right clicking the video on youtube,
copying the embed video option, and pasting it in your html where you want it to appear, The problem with this you wont have control over what is shown in the embed code apart from the clip you are interested in, ie, adverts playlists etc