Embedding a 360 video into a website - mobile friendly - html

Ok so I am planning to embed a 360 video into a website however need this video to play on ios through the native video player. I have looked into google vr view but when I tried to get it to work, I got a load error. Are there any other solutions that might work better?
This is what I tried when using google vr view.
<iframe width="100%" height="300px" allowfullscreen frameborder="0" src="//storage.googleapis.com/vrview/index.html?video=http://winn-brown.co.uk/wp-content/uploads/2016/07/Isle-of-Jaws-360-Video-2.mp4&is_stereo=true"></iframe>
Thanks

Related

Google Drive video does not start on smartphones

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...

Youtube video not showing in iframe

I am very ignorant in this area. I wanted to embed a video in my website. I just went on w3schools and copy-pasted the example code.
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Why does the video than not show in the website? I am using Google Chrome.
EDIT:
The problem was that I was using the real youtube address instead the URL for embedding.
it's actually works perfectly, checkout the other code, may be the iframe is hidden by any other controls

Embed youtube videos

I want to put a video on my website using the embed option on youtube.It shows up but when i try to play it appears a text saiyng that the video is restricted on some websites and gives me the option to watch on youtube . I saw that i need to accept some terms of conditions and that includes the youtube API from what i saw .
Is there another way to put a video on a website without the API ? Also i should mention that the website is not on a server.
I'm using this iframe to show the video :
<iframe width="560" height="315" src="https://www.youtube.com/embed/dgV1n57ejCY" frameborder="0" allowfullscreen></iframe>

YouTube iFrame automatically opens YouTube app. How can I stop this?

I used the default YouTube iFrame for my website. My users have said that upon entering the web app, it redirects them to youtube. I find this annoying for me and for my users.
Is there any way I can stop this from happening?
Here is the code that is causing the YouTube app to open:
<iframe width="560" height="315" src="https://www.youtube.com/embed/wCtedSNYBLc?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
The site this is on can be found here.
You can use "playsinline" parameter to play the video inline instead.

Embedding YouTube videos?

I have been looking for a way of embedding youtube videos into my site. The website is made of html and the youtube videos should auto-update as I would like to display all the videos on the current account? I know theres ways of embedding one video or playlists but Im not quite sure how to go about embedding everything on a users channel? Any Tips?
Just use the following as the src of an iframe:
http://www.youtube.com/embed/?listType=user_uploads&list=*USERNAME*
For example:
<iframe id="ytplayer" width="640" height="360"
src="http://www.youtube.com/embed/?listType=user_uploads&list=apple"
frameborder="0" allowfullscreen>
You can get info on the parammeters of the player on this link: https://developers.google.com/youtube/player_parameters#Manual_IFrame_Embeds
Scroll a little and you will see the url for user videos.