I am working on a website using the Cycle plugin (with fullscreen backgrounds). I can embed images and YouTube/Vimeo, but I would really like to use the HTML5 <video> tags.
Currently, when I put in a video using the HTML5 tag it comes up empty.
I am using this plugin:
http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/#demo
Eventually, I would like something like this:
http://www.p2media.de/
but alternating between fullscreen video as well as images (and with horizontal scroll only).
Thank you so much!
Related
I am having several videos in a Reveal.js presention added like this:
<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm">
</section>
Everything looks as it should, but i want to loop some of the videos for mood in the background. I can not find any data attribute for looping data background videos. What is the best way to do it? Im having strange issues putting normal video tags in it and make it display fullscreen with css. ( described here Fullscreen Video with CSS). Any ideas for Reveal.js ?
I just checked and in the latest release (Reveal.js 3.1.0) you can do:
data-background-video-loop="loop" and the video will loop.
I'm trying to integrate a video player or youtube or vimeo in some way to my website.
I need to include a video in the background of the site in full screen.
I would like to have more than using css3 and html controls on the video at the top left for example ..
Do you know a player that you can gesire in this way?
Tnx
I need help writing code for my site that will enable me to create a video popup of a youtube video on my website. I would like to use html5 not flash or JS. That being said I can't seem to find any code samples to digest. I will keep looking but if you have any ideas to
create a html 5 popup for a youtube video
not using JS or Flash.
You could use a :target event with CSS to show a popup container.
Working Example:
http://jsbin.com/csspopupyoutube/2
I'm trying to create a video pop-up that works on Apple devices and I've been playing around with fancyBox & some YouTube videos. Because YT uses Flash, this isn't going to work (which I am just now realizing)
Is there a way to open up an html5 video inside of this pop-up?
I already set that part up:
Here's the page where I'm already using fancyBox: http://legal-replay.com/video-test/
Please help!
<a class="iframe" src="http://www.youtube.com/embed/dP15zlyra3c?html5=1">Open HTML5 Video</a>
I don't know much about fancybox but it looks like you can just have it open any iframe you want, which will work with YoutTube's default embed method. Just pass html5=1 to the iframe.
From what I can tell scouting around stackoverflow, this is only supported for single videos, I don't know if you can force an entire playlist to use HTML5, that might still be a client-preference.
Source
Fancybox Howtwo
Using HTML5 and jQuery Mobile I have a page with 3 buttons.
What I want to do is have each button select a different sound, then have another button to play the selected sound.
Can anyone give me a steer?
Thanks
Jim
Check-out the HTML5 <audio> tag. You can pre-load audio clips and play them when the user interacts with elements.
Docs for <audio>: https://developer.mozilla.org/en/HTML/Element/audio
You may want to check-out a pre-made plugin for this, I have seen JPlayer used a lot: http://jplayer.org/
Although a plugin will not be necessary, the HTML5 <audio> tag comes with the ability to control it using JavaScript.