<video autoplay="" loop="" poster="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png" id="bgvid">
Once I clean the cache, the video works as expected again.
I’m happy to provide any additional details that might help. I just don’t quite understand the issue well enough to even know what I should provide. All I know is that every now and then the video stops working and my site shows the poster instead. I clean the cache and everything works as expected again.
Here is all the html for the video.
<section itemscope="" itemtype="https://schema.org/CreativeWork">
<div class="shark-parade" itemprop="video" itemscope="" itemtype="https://schema.org/VideoObject">
<meta itemprop="name" content="Shark Parade">
<meta itemprop="duration" content="T20S">
<meta itemprop="thumbnailUrl" content="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png">
<meta itemprop="description" content="Actual shark parade, caught on camera!">
<meta itemprop="uploadDate" content="2015-08-28">
<video autoplay="" loop="" poster="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png" id="bgvid">
<source src="https://jroberts.net/wp-content/uploads/2015/08/shark_parade.mp4" type="video/mp4">
<source src="https://jroberts.net/wp-content/uploads/2015/08/shark_parade.webm" type="video/webm">
</video>
</div>
</section>
]]><video autoplay="" loop="" poster="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png" id="bgvid">
Once I delete the cache, including the minified CSS/JS, the video works as expected again.
I’m happy to provide any additional details that might help. I just don’t quite understand the issue well enough to even know what I should provide. All I know is that every now and then the video stops working and my site shows the poster instead. I delete the cache and everything works as expected again.
Here is all the html for the video.
<section itemscope="" itemtype="https://schema.org/CreativeWork">
<div class="shark-parade" itemprop="video" itemscope="" itemtype="https://schema.org/VideoObject">
<meta itemprop="name" content="Shark Parade">
<meta itemprop="duration" content="T20S">
<meta itemprop="thumbnailUrl" content="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png">
<meta itemprop="description" content="Actual shark parade, caught on camera!">
<meta itemprop="uploadDate" content="2015-08-28">
<video autoplay="" loop="" poster="https://jroberts.net/wp-content/uploads/2015/05/shark_parade.png" id="bgvid">
<source src="https://jroberts.net/wp-content/uploads/2015/08/shark_parade.mp4" type="video/mp4">
<source src="https://jroberts.net/wp-content/uploads/2015/08/shark_parade.webm" type="video/webm">
</video>
</div>
</section>
]]>I selected HTML5 video > MPEG, and uploaded video in MP4 format.
But the video is not playing, it only shows the cover photo I uploaded.
This is the URL of my website: https://easypages.com.my/draft/
Kindly advise the method to make the MP4 video can be played in the slider.
Thank you.
]]>I selected HTML5 video > MPEG, and uploaded video in MP4 format.
But the video is not playing, it only shows the cover photo I uploaded.
This is the URL of my website: https://easypages.com.my/draft/
Kindly advise the method to make the MP4 video can be played in the slider.
Thank you.
]]>How can I make the video to be non-transparent?
I need to use this video on one page only.
I use HTML5 tag <video>
Thanks!
]]>You can see attempts of two different videos on this page: https://crashjapan.com/en/video-embed-test/ View Source on the page to see the codes that Facebook provided. Yes, I tried one of the stock themes (Twenty Fifteen) in case my theme was somehow hindering it – same result.
The bit of HTML that doesn’t seem to do anything is:
<div class="fb-video" data-allowfullscreen="1" data-href="/crashjapan/videos/vb.201131439904666/1067821006569034/?type=3">
That’s apparently HTML5 Video, which I don’t have much experience with, but it seems like it should work. I tested in both Firefox and Chrome. Thoughts?
any advice?
(would prefer not to use YouTube/Vimeo embedding)
Thanks Andy
This code in functions .php
function html5_video($atts, $content = null) {
extract(shortcode_atts(array(
“src” => ”,
“width” => ”,
“height” => ”
), $atts));
return ‘<video src=”‘.$src.'” width=”‘.$width.'” height=”‘.$height.'” controls autobuffer>’;
}
add_shortcode(‘video5’, ‘html5_video’);
This following shortcode in page:
[video5 src=”https://your-site/videos/your-video.mp4″ width=”720″ height=”480″]
]]><div id="home-page" class="wide-content">
<div class="video-segment content-segment">
<div class="video-container banner-container">
<video autoplay loop poster="" class="horse-banner" width="100%">
<source src="video1.mp4" type="video/mp4">
</video>
</div>
</div>
Can I do this by writing code manually, or do I need a plugin for streaming videos in WordPress?
]]>